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

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 Iconslatest

Plus more to come.

Browse Icon Sets

Browse all available icons here: react-icons-kit

Changes

1.3.0

• [Merged PR #42 by @nbcnc](wmira#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: wmira#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:

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.