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>
    )
  }
}