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 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](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:

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.