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 v5.0.1
.
npm install --save [email protected]
spago install react-icons
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" }
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)