Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Project Supported By ReactForBeginners.com

Project Supported By AdvancedReact.com

Installation

npm install --save react-icons-kit

Documentation / Demo

Please visit react-icons-kit

Bundled Icon Sets

Plus more to come.

Browse Icon Sets

Browse all available icons here: react-icons-kit

Changes

1.3.0

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.