react-icons-kit
Note: Please visit https://reactsvgicons.com/ has svg icons directly as react components can you can import to your project without to need to use a library
Releases:
v2.0.0
- @kamikazebr export withBaseIcon - PR #75
- @lyleunderwood Don't discard fill=none - PR #73
- @lyleunderwood Update Material Design Icons to 4.0.0 - PR #60
- @vahissan Allow IconProp type definition to allow all HTML attributes. PR#58
- @gottschalkironhack - Same material v4 update
Installation
npm install --save react-icons-kit
Documentation / Demo
Please visit react-icons-kit
Bundled Icon Sets
-
IcoMoon
vmaster -
FontAwesome
v4.7 -
MaterialIcons
v4.x -
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
Changes
1.3.0
-
[Merged PR #42 by @nbcnc
](https://github.com/wmira/react-icons-kit/pull/42)
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>
)
}
Tree Shaking
Use the eslint config from this: https://github.com/wmira/react-icons-kit/issues/38
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.