Heroicons

The heroicons component gives you access to a library of SVG icons.

The makers of Tailwind CSS have created a libary of 230 beatiful hand-crafted SVG icons and we have made it incredibly simple for you to use them. Search the full list of these icons here.

Solid
            <HeroiconsV1.Solid.home />
<HeroiconsV1.Solid.academic_cap class="w-6 h-6 text-primary-500" />
<HeroiconsV1.Solid.chart_pie class="w-6 h-6 rotate-90 text-secondary-500" />

          
Outline
            <HeroiconsV1.Outline.home />
<HeroiconsV1.Outline.academic_cap class="w-6 h-6 text-primary-500" />
<HeroiconsV1.Outline.chart_pie class="w-6 h-6 rotate-90 text-secondary-500" />

          
Heroicons V2

As of v0.18, we have renamed Heroicons to HeroiconsV1.

To use Heroicons v2, use this library: github.com/mveytsman/heroicons_elixir (comes automatically loaded with Petal Components)