react-icons-kit
Installation
npm install --save react-icons-kit
Documentation / Demo
Please visit react-icons-kit
Bundled Icon Sets
-
IcoMoon
vmaster -
FontAwesome
v4.7 -
MaterialIcons
v3.0.1 -
Open Iconic
v1.1.1 -
Entypo
latest -
Ikons
latest -
Metrize
latest -
Octicons
v5.0.1 -
Ionicons
v2.0.1 -
Linea
latest -
Typicons
v2.0.8 -
Noto Emoji Regular
latest -
Feather Icons
latest
Plus more to come.
Browse Icon Sets
Browse all available icons here: react-icons-kit
Quick Start Guide
import Icon from 'react-icons-kit';
import { ic_add_a_photo } from 'react-icons-kit/md/ic_add_a_photo';
import { lock } from 'react-icons-kit/fa/lock';
export const ShowIcons = () => {
return (
<div>
<div><Icon icon={ic_add_a_photo}/><div>
<div><Icon icon={lock}/><div>
</div>
)
}
Development
React Icons Kit Site
To update the react-icons-kit site deployed at react-icons-kit, you need to first do the following. Assuming you are at the root folder:
- npm install
- npm run dist
- cd site
- npm install
- cd node_modules
- ln -sf ../../dist react-icons-kit
- cd ..
- npm start
You should now be able to live edit the website to do some changes, submit pull request.