uptop-icons v1.0.0

Basic Usage

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

React

First, install @uptop-icons/react from npm:

npm install @uptop-icons/react

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

import { HistoryIcon } from '@uptop-icons/react/20/solid'

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

Solid icons can be imported from @uptop-icons/react/20/solid.

Icons use an upper camel case naming convention and are always suffixed with the word Icon.

Browse the full list of icon names on UNPKG →

License

This library is MIT licensed.