purescript-react-icons

PureScript bindings for react-icons.

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

Tested with react-icons v4.7.1.

Installation

npm install --save react-icons@4.7.1
spago install react-icons

Usage

Search for an icon on react-icons and see these examples on how to import in PureScript.

import React.Icons (icon, icon_)
import React.Icons.Fa (faGithub)
import React.Icons.Md (mdCrop)

icon_ faGithub
icon mdCrop { id: "0", className: "my-class", size: "24px", color: "#ff0000" }

Libraries

All icons and a search can be found on the react-icons project website.

• Ant Design Icons (MIT)
• Bootstrap Icons (MIT)
• BoxIcons (CC BY 4.0 License)
• Circum Icons (MPL-2.0 license)
• Devicons (MIT)
• Feather (MIT)
• Flat Color Icons (MIT)
• Font Awesome (CC BY 4.0 License)
• Game Icons (CC BY 3.0)
• Github Octicons icons (MIT)
• Grommet-Icons (Apache License Version 2.0)
• Heroicons 2 (MIT)
• Heroicons (MIT)
• IcoMoon Free (CC BY 4.0 License)
• Ionicons 4 (MIT)
• Ionicons 5 (MIT)
• Material Design icons (Apache License Version 2.0)
• Radix Icons (MIT)
• Remix Icon (Apache License Version 2.0)
• Simple Icons (CC0 1.0 Universal)
• Simple Line Icons (MIT)
• Tabler Icons (MIT)
• Themify Icons (MIT)
• Typicons (CC BY-SA 3.0)
• VS Code Icons (CC BY 4.0)
• Weather Icons (SIL OFL 1.1)
• css.gg (MIT)