Using Icons in HTML

You can display icons in your HTML by applying the ns-shape-* class to a <span> element and styling them with Tailwind CSS utility classes.

Basic Usage#

<span class="ns-shape-1 text-2xl text-gray-800"></span>

This will display the icon associated with ns-shape-1.

Choosing the Right Icon#

Each icon in the library has a unique number:

<span class="ns-shape-12"></span>
<span class="ns-shape-45"></span>
<span class="ns-shape-101"></span>

Replace the number with the icon you want. The numbering is sequential and each corresponds to a specific shape or symbol. Check the full icon list to find the correct number.

You can view all available icons here.