auto-icon-react

Most Popular svg icon hubs

Usage no npm install needed!

<script type="module">
  import autoIconReact from 'https://cdn.skypack.dev/auto-icon-react';
</script>

README

Auto Icon React

AutoIcon React

Include Most popular icon collection of over 150K SVG Icons in your React projects easily with auto-icon-react, which utilizes ES6 imports that allows you to include only the icons that your project is using.

Installation (for standard modern project)

yarn add auto-icon-react
# or
npm install auto-icon-react --save

example usage

import { BookFill } from "auto-icon-react/Ant Design Icons";

class Question extends React.Component {
  render() {
    return (
      <h3>
        {" "}
        Lets read a <BookFill />?{" "}
      </h3>
    );
  }
}

Why React SVG components instead of fonts?

SVG is supported by all major browsers. With auto-icon-react, you can serve only the needed icons instead of one big font file to the users, helping you to recognize which icons are used in your project.

Licence

MIT

  • Icons are taken from the other projects, However all icons has some kind of open source license that lets you use them in any commercial project with no attribution, you may check each project licenses accordingly.