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
        <Heroicons.Solid.home />
<Heroicons.Solid.academic_cap class="w-6 h-6 text-primary-500" />
<Heroicons.Solid.chart_pie class="w-6 h-6 rotate-90 text-secondary-500" />

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