Symbols-react NPM

Symbols

S̶F̶ Symbols for the web, a comprehensive icon library designed for easy integration into your web projects.

Installation

To use symbols in your project, install it via npm:

npm install symbols-react

Or via yarn:

yarn add symbols-react

Usage

After installation, you can import and use the icons in your React components:

import { IconMangoFill, IconAppleLogo } from 'symbols-react';
 
 function MyApp() {
      return (
        <div>
          <IconMangoFill fill="black" />
          <IconAppleLogo fill="black" />
        </div>
      );
    }

Props, tailwind, style how you like:

import { IconMangoFill } from 'symbols-react';
 
 function MyApp() {
      return (
        <div>
          //Tailwind example
          <IconMangoFill className="fill-black w-[24] h-[24]" />

          //Props example
          <IconMangoFill fill="black" width="24" height="24" />
        </div>
      );
    }