Heroicons integration with full dark mode support and multiple variants.
Default icon component with outline variant.
<x-ui::icon name="heart" />Icons are available in five different sizes from extra small to extra large.
<x-ui::icon name="heart" size="lg" />Choose between outline and solid icon styles.
<x-ui::icon name="star" variant="solid" />Icons inherit text color and can be customized with Tailwind classes.
<x-ui::icon name="heart" class="text-red-500" />All 324 Heroicons are available - showing popular icons below.
324 icons total! All Heroicons from heroicons.com are available. Browse the full list at the official site.
<x-ui::icon name="star" />