Basic Usage

Both icon styles are preconfigured to be stylable by setting the fill CSS property, either manually or using utility classes like fill-gray-500 in a framework like Tailwind CSS.

React

First, install basaricons from npm:

npm install basaricons

Now each icon can be imported individually as a React component:

import { duotone, icons } from 'basaricons'

function MyComponent() {
    return (
        <div>
            <duotone.ActiveCall className="h-5 w-5 text-blue-500" />
            <p>...</p>
        </div>
    )
}

License

This library is MIT licensed.

For Doutone icons used: 123done | License

By