Icon

New

Overview

Renders an icon, pretty similarly to the base core component icon.

HEEx

<div class="flex items-center gap-4 text-foreground">
  <Icon.icon name="hero-heart" />
  <Icon.icon name="hero-bolt-solid" class="size-5 text-amber-500" />
  <Icon.icon name="hero-check-circle-mini" class="size-5 text-green-600" />
  <Icon.icon name="hero-sparkles-micro" />
</div>

Add this module

terminal

mix dizzy.add icon

Component API

Icon.icon

Attributes

Attributes for Icon.icon
Name	Type	Default	Values
`class`	`:any`	"size-4"	—
`name`	`:string`	Required	—
`rest`	`:global`	nil	—