Nullstack-heroicons NPM

Usage

First, install nullstack-heroicons from npm:

npm install nullstack-heroicons

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

import { BeakerIcon } from 'nullstack-heroicons/24/solid'

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

The 24x24 outline icons can be imported from nullstack-heroicons/24/outline, the 24x24 solid icons can be imported from nullstack-heroicons/24/solid, and the 20x20 solid icons can be imported from nullstack-heroicons/20/solid.

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