Phara UI v2.x

Icon

Heroicons integration with full dark mode support and multiple variants.

Basic

Default icon component with outline variant.

Blade
<x-ui::icon name="heart" />
Sizes

Icons are available in five different sizes from extra small to extra large.

xs
sm
md
lg
xl
Blade
<x-ui::icon name="heart" size="lg" />
Variants

Choose between outline and solid icon styles.

Outline

Solid

Blade
<x-ui::icon name="star" variant="solid" />
Colors

Icons inherit text color and can be customized with Tailwind classes.

Blade
<x-ui::icon name="heart" class="text-red-500" />