modern-icons-library

Include modern icons in your React projects easily with modern-icons-library, which utilizes ES6 imports that allows you to include only the icons that your project is using.

Installation (for standard modern project)

yarn add modern-icons-library
# or
npm install modern-icons-library --save

example usage

import { AppBinDeleteSvgrepoCom } from 'modern-icons-library';

class Question extends React.Component {
    render() {
        return (
            <div> Delete 
                <AppBinDeleteSvgrepoCom 
                    title="Bin"
                    style = {{ fontSize: '10rem', color: '#0000' }}
                /> 
            </div>
            )
    }
}

NOTE: each Icon has it's own component under modern-icons-library you import from.

example usage

import { SvgCameraHipsterOnTrendSvgrepoCom } from 'modern-icons-library';
class Question extends React.Component {
  render() {
    return (
            <div>
                To take a picture 
                <SvgCameraHipsterOnTrendSvgrepoCom 
                title = 'Camera' 
                style = {{ fontSize: '10rem' }}/> 
            </div>
            )
  }
}