aexol-studio/mil

Simply beautiful open source icons

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

mil's Issues

Install storybook package to preview all the icons when inside the repo development

When storybook is ready add action to deploy it

When storybook is done please deploy it using github action

Configure project to generate TypeScript typings for the icons

Add github action to publish npm package

• Change package name to modern-icons-library
• Add github action to build & publish the package to npm

Convert to monorepo with npm workspaces and add another folder with landing page for our icons

Create nextjs landing page inside monorepo similar to https://feathericons.com/