Skip to content

Icons

Lucide icon set: consistent stroke icons loaded from the CDN, rendered with one attribute. Bootstrap Icons for comparison.

All Icons
1998

Click an icon to copy its markup.

This icon set is added dynamically from the CDN: when this tab opens, the page loads the Bootstrap Icons 1.13.2 stylesheet and the icon list from jsDelivr. The theme and the other pages use Lucide and do not load Bootstrap Icons. Markup: <i class="bi bi-rocket"></i>.
All Icons
…

Click an icon to copy its markup.

Loading Bootstrap Icons from the CDN…
Usage

Add an element with the icon name. The theme module renders it into an inline SVG.

<i data-lucide="rocket"></i>

Icons take the text color and scale with the font size:

Gradient Icons

Add aui-icon-gradient-<color> to stroke an icon with the theme gradient.

Copied
Example Toast
You don't have any new items in your calendar today!