Mizzle uses Lucide Icons and Iconify Icons for a clean, consistent, and flexible icon system.

Lucide Icons

Lucide is a beautiful, consistent, and open-source SVG icon library. Icons are loaded using the data-lucide attribute.

• Use the icon name via data-lucide
• Customize size and color using Tailwind utility classes

<i data-lucide="settings" class="size-5 text-primary"></i>
<i data-lucide="user" class="size-6 text-default-700"></i>

A complete list of Lucide icons can be found here .

Iconify Icons

Iconify provides access to thousands of icons from popular icon sets. Icons are rendered using the iconify class.

<i class="iconify lucide--settings size-5 text-primary"></i>
<i class="iconify tabler--home size-6 text-default-700"></i>

Browse all available Iconify icons here .