UNPKG

@kde/react-icons-kit

Version:

React Icons Kit using various Svg Icon set, forked from react-icons-kit

73 lines (51 loc) 1.96 kB
# react-icons-kit ## Installation ``` npm install --save react-icons-kit ``` ## Documentation / Demo Please visit [react-icons-kit](http://wmira.github.io/react-icons-kit/) ## Bundled Icon Sets * [`IcoMoon`](https://github.com/Keyamoon/IcoMoon-Free) vmaster * [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) v4.7 * [`MaterialIcons`](https://www.google.com/design/icons/) v3.0.1 * [`Open Iconic`](https://github.com/iconic/open-iconic) v1.1.1 * [`Entypo`](http://entypo.com) latest * [`Ikons`](http://ikons.piotrkwiatkowski.co.uk/) latest * [`Metrize`](http://www.alessioatzeni.com/metrize-icons/) latest * [`Octicons`](https://octicons.github.com/) v5.0.1 * [`Ionicons`](http://ionicons.com/) v2.0.1 * [`Linea`](http://linea.io/) latest * [`Typicons`](http://typicons.com/) v2.0.8 * [`Noto Emoji Regular`](https://www.google.com/get/noto/#emoji-zsye/) latest * [`Feather Icons`](https://feathericons.com/)latest Plus more to come. ## Browse Icon Sets Browse all available icons here: [react-icons-kit](http://wmira.github.io/react-icons-kit/index.html) ## Quick Start Guide ```javascript 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](http://wmira.github.io/react-icons-kit/index.html), you need to first do the following. Assuming you are at the root folder: 1. npm install 2. npm run dist 3. cd site 4. npm install 5. cd node_modules 6. ln -sf ../../dist react-icons-kit 7. cd .. 8. npm start You should now be able to live edit the website to do some changes, submit pull request.