<div class="py-6 space-y-8">
<div class="px-6">
<h1 class="text-2xl font-medium">Svg set example</h1>
<p>Basic example of svg icon set.</p>
<p>Refer to the Notes tab in this section for further documentation and link to svg icon set resource</p>
</div>
<div class="px-6">
<h2 class="n7-heading-4 font-bold">General</h2>
<div class="flex gap-6 p-4 flex-wrap">
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#arrow-left" />
</svg>
<div>
<p>Arrow Left</p>
<p class="text-sm">id: <strong>arrow-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#arrow-right" />
</svg>
<div>
<p>Arrow Right</p>
<p class="text-sm">id: <strong>arrow-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#arrow-up" />
</svg>
<div>
<p>Arrow Up</p>
<p class="text-sm">id: <strong>arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#home" />
</svg>
<div>
<p>Home</p>
<p class="text-sm">id: <strong>home</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#spinner" />
</svg>
<div>
<p>Spinner</p>
<p class="text-sm">id: <strong>spinner</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#threads" />
</svg>
<div>
<p>Threads</p>
<p class="text-sm">id: <strong>threads</strong></p>
</div>
</div>
</div>
</div>
<div class="px-6">
<h2 class="n7-heading-4 font-bold">mini</h2>
<div class="flex gap-6 p-4 flex-wrap">
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--academic-cap" />
</svg>
<div>
<p>Academic Cap</p>
<p class="text-sm">id: <strong>mini--academic-cap</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--adjustments-horizontal" />
</svg>
<div>
<p>Adjustments Horizontal</p>
<p class="text-sm">id: <strong>mini--adjustments-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--adjustments-vertical" />
</svg>
<div>
<p>Adjustments Vertical</p>
<p class="text-sm">id: <strong>mini--adjustments-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--archive-box-arrow-down" />
</svg>
<div>
<p>Archive Box Arrow Down</p>
<p class="text-sm">id: <strong>mini--archive-box-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--archive-box-x-mark" />
</svg>
<div>
<p>Archive Box X Mark</p>
<p class="text-sm">id: <strong>mini--archive-box-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--archive-box" />
</svg>
<div>
<p>Archive Box</p>
<p class="text-sm">id: <strong>mini--archive-box</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-circle" />
</svg>
<div>
<p>Arrow Down Circle</p>
<p class="text-sm">id: <strong>mini--arrow-down-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-left" />
</svg>
<div>
<p>Arrow Down Left</p>
<p class="text-sm">id: <strong>mini--arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-on-square-stack" />
</svg>
<div>
<p>Arrow Down On Square Stack</p>
<p class="text-sm">id: <strong>mini--arrow-down-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-on-square" />
</svg>
<div>
<p>Arrow Down On Square</p>
<p class="text-sm">id: <strong>mini--arrow-down-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-right" />
</svg>
<div>
<p>Arrow Down Right</p>
<p class="text-sm">id: <strong>mini--arrow-down-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down-tray" />
</svg>
<div>
<p>Arrow Down Tray</p>
<p class="text-sm">id: <strong>mini--arrow-down-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-down" />
</svg>
<div>
<p>Arrow Down</p>
<p class="text-sm">id: <strong>mini--arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-left-circle" />
</svg>
<div>
<p>Arrow Left Circle</p>
<p class="text-sm">id: <strong>mini--arrow-left-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-left-end-on-rectangle" />
</svg>
<div>
<p>Arrow Left End On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-left-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-left-on-rectangle" />
</svg>
<div>
<p>Arrow Left On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-left-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-left-start-on-rectangle" />
</svg>
<div>
<p>Arrow Left Start On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-left-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-left" />
</svg>
<div>
<p>Arrow Left</p>
<p class="text-sm">id: <strong>mini--arrow-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-long-down" />
</svg>
<div>
<p>Arrow Long Down</p>
<p class="text-sm">id: <strong>mini--arrow-long-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-long-left" />
</svg>
<div>
<p>Arrow Long Left</p>
<p class="text-sm">id: <strong>mini--arrow-long-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-long-right" />
</svg>
<div>
<p>Arrow Long Right</p>
<p class="text-sm">id: <strong>mini--arrow-long-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-long-up" />
</svg>
<div>
<p>Arrow Long Up</p>
<p class="text-sm">id: <strong>mini--arrow-long-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-path-rounded-square" />
</svg>
<div>
<p>Arrow Path Rounded Square</p>
<p class="text-sm">id: <strong>mini--arrow-path-rounded-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-path" />
</svg>
<div>
<p>Arrow Path</p>
<p class="text-sm">id: <strong>mini--arrow-path</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-right-circle" />
</svg>
<div>
<p>Arrow Right Circle</p>
<p class="text-sm">id: <strong>mini--arrow-right-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-right-end-on-rectangle" />
</svg>
<div>
<p>Arrow Right End On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-right-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-right-on-rectangle" />
</svg>
<div>
<p>Arrow Right On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-right-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-right-start-on-rectangle" />
</svg>
<div>
<p>Arrow Right Start On Rectangle</p>
<p class="text-sm">id: <strong>mini--arrow-right-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-right" />
</svg>
<div>
<p>Arrow Right</p>
<p class="text-sm">id: <strong>mini--arrow-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-down" />
</svg>
<div>
<p>Arrow Small Down</p>
<p class="text-sm">id: <strong>mini--arrow-small-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-left" />
</svg>
<div>
<p>Arrow Small Left</p>
<p class="text-sm">id: <strong>mini--arrow-small-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-right" />
</svg>
<div>
<p>Arrow Small Right</p>
<p class="text-sm">id: <strong>mini--arrow-small-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-small-up" />
</svg>
<div>
<p>Arrow Small Up</p>
<p class="text-sm">id: <strong>mini--arrow-small-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-top-right-on-square" />
</svg>
<div>
<p>Arrow Top Right On Square</p>
<p class="text-sm">id: <strong>mini--arrow-top-right-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-trending-down" />
</svg>
<div>
<p>Arrow Trending Down</p>
<p class="text-sm">id: <strong>mini--arrow-trending-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-trending-up" />
</svg>
<div>
<p>Arrow Trending Up</p>
<p class="text-sm">id: <strong>mini--arrow-trending-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-circle" />
</svg>
<div>
<p>Arrow Up Circle</p>
<p class="text-sm">id: <strong>mini--arrow-up-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-left" />
</svg>
<div>
<p>Arrow Up Left</p>
<p class="text-sm">id: <strong>mini--arrow-up-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-on-square-stack" />
</svg>
<div>
<p>Arrow Up On Square Stack</p>
<p class="text-sm">id: <strong>mini--arrow-up-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-on-square" />
</svg>
<div>
<p>Arrow Up On Square</p>
<p class="text-sm">id: <strong>mini--arrow-up-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-right" />
</svg>
<div>
<p>Arrow Up Right</p>
<p class="text-sm">id: <strong>mini--arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up-tray" />
</svg>
<div>
<p>Arrow Up Tray</p>
<p class="text-sm">id: <strong>mini--arrow-up-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-up" />
</svg>
<div>
<p>Arrow Up</p>
<p class="text-sm">id: <strong>mini--arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-uturn-down" />
</svg>
<div>
<p>Arrow Uturn Down</p>
<p class="text-sm">id: <strong>mini--arrow-uturn-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-uturn-left" />
</svg>
<div>
<p>Arrow Uturn Left</p>
<p class="text-sm">id: <strong>mini--arrow-uturn-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-uturn-right" />
</svg>
<div>
<p>Arrow Uturn Right</p>
<p class="text-sm">id: <strong>mini--arrow-uturn-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrow-uturn-up" />
</svg>
<div>
<p>Arrow Uturn Up</p>
<p class="text-sm">id: <strong>mini--arrow-uturn-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrows-pointing-in" />
</svg>
<div>
<p>Arrows Pointing In</p>
<p class="text-sm">id: <strong>mini--arrows-pointing-in</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrows-pointing-out" />
</svg>
<div>
<p>Arrows Pointing Out</p>
<p class="text-sm">id: <strong>mini--arrows-pointing-out</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrows-right-left" />
</svg>
<div>
<p>Arrows Right Left</p>
<p class="text-sm">id: <strong>mini--arrows-right-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--arrows-up-down" />
</svg>
<div>
<p>Arrows Up Down</p>
<p class="text-sm">id: <strong>mini--arrows-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--at-symbol" />
</svg>
<div>
<p>At Symbol</p>
<p class="text-sm">id: <strong>mini--at-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--backspace" />
</svg>
<div>
<p>Backspace</p>
<p class="text-sm">id: <strong>mini--backspace</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--backward" />
</svg>
<div>
<p>Backward</p>
<p class="text-sm">id: <strong>mini--backward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--banknotes" />
</svg>
<div>
<p>Banknotes</p>
<p class="text-sm">id: <strong>mini--banknotes</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-2" />
</svg>
<div>
<p>Bars 2</p>
<p class="text-sm">id: <strong>mini--bars-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3-bottom-left" />
</svg>
<div>
<p>Bars 3 Bottom Left</p>
<p class="text-sm">id: <strong>mini--bars-3-bottom-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3-bottom-right" />
</svg>
<div>
<p>Bars 3 Bottom Right</p>
<p class="text-sm">id: <strong>mini--bars-3-bottom-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3-center-left" />
</svg>
<div>
<p>Bars 3 Center Left</p>
<p class="text-sm">id: <strong>mini--bars-3-center-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3" />
</svg>
<div>
<p>Bars 3</p>
<p class="text-sm">id: <strong>mini--bars-3</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-4" />
</svg>
<div>
<p>Bars 4</p>
<p class="text-sm">id: <strong>mini--bars-4</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-arrow-down" />
</svg>
<div>
<p>Bars Arrow Down</p>
<p class="text-sm">id: <strong>mini--bars-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-arrow-up" />
</svg>
<div>
<p>Bars Arrow Up</p>
<p class="text-sm">id: <strong>mini--bars-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--battery-0" />
</svg>
<div>
<p>Battery 0</p>
<p class="text-sm">id: <strong>mini--battery-0</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--battery-100" />
</svg>
<div>
<p>Battery 100</p>
<p class="text-sm">id: <strong>mini--battery-100</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--battery-50" />
</svg>
<div>
<p>Battery 50</p>
<p class="text-sm">id: <strong>mini--battery-50</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--beaker" />
</svg>
<div>
<p>Beaker</p>
<p class="text-sm">id: <strong>mini--beaker</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bell-alert" />
</svg>
<div>
<p>Bell Alert</p>
<p class="text-sm">id: <strong>mini--bell-alert</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bell-slash" />
</svg>
<div>
<p>Bell Slash</p>
<p class="text-sm">id: <strong>mini--bell-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bell-snooze" />
</svg>
<div>
<p>Bell Snooze</p>
<p class="text-sm">id: <strong>mini--bell-snooze</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bell" />
</svg>
<div>
<p>Bell</p>
<p class="text-sm">id: <strong>mini--bell</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bolt-slash" />
</svg>
<div>
<p>Bolt Slash</p>
<p class="text-sm">id: <strong>mini--bolt-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bolt" />
</svg>
<div>
<p>Bolt</p>
<p class="text-sm">id: <strong>mini--bolt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--book-open" />
</svg>
<div>
<p>Book Open</p>
<p class="text-sm">id: <strong>mini--book-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bookmark-slash" />
</svg>
<div>
<p>Bookmark Slash</p>
<p class="text-sm">id: <strong>mini--bookmark-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bookmark-square" />
</svg>
<div>
<p>Bookmark Square</p>
<p class="text-sm">id: <strong>mini--bookmark-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bookmark" />
</svg>
<div>
<p>Bookmark</p>
<p class="text-sm">id: <strong>mini--bookmark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--briefcase" />
</svg>
<div>
<p>Briefcase</p>
<p class="text-sm">id: <strong>mini--briefcase</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bug-ant" />
</svg>
<div>
<p>Bug Ant</p>
<p class="text-sm">id: <strong>mini--bug-ant</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--building-library" />
</svg>
<div>
<p>Building Library</p>
<p class="text-sm">id: <strong>mini--building-library</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--building-office-2" />
</svg>
<div>
<p>Building Office 2</p>
<p class="text-sm">id: <strong>mini--building-office-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--building-office" />
</svg>
<div>
<p>Building Office</p>
<p class="text-sm">id: <strong>mini--building-office</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--building-storefront" />
</svg>
<div>
<p>Building Storefront</p>
<p class="text-sm">id: <strong>mini--building-storefront</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cake" />
</svg>
<div>
<p>Cake</p>
<p class="text-sm">id: <strong>mini--cake</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--calculator" />
</svg>
<div>
<p>Calculator</p>
<p class="text-sm">id: <strong>mini--calculator</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--calendar-days" />
</svg>
<div>
<p>Calendar Days</p>
<p class="text-sm">id: <strong>mini--calendar-days</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--calendar" />
</svg>
<div>
<p>Calendar</p>
<p class="text-sm">id: <strong>mini--calendar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--camera" />
</svg>
<div>
<p>Camera</p>
<p class="text-sm">id: <strong>mini--camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chart-bar-square" />
</svg>
<div>
<p>Chart Bar Square</p>
<p class="text-sm">id: <strong>mini--chart-bar-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chart-bar" />
</svg>
<div>
<p>Chart Bar</p>
<p class="text-sm">id: <strong>mini--chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chart-pie" />
</svg>
<div>
<p>Chart Pie</p>
<p class="text-sm">id: <strong>mini--chart-pie</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-bottom-center-text" />
</svg>
<div>
<p>Chat Bubble Bottom Center Text</p>
<p class="text-sm">id: <strong>mini--chat-bubble-bottom-center-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-bottom-center" />
</svg>
<div>
<p>Chat Bubble Bottom Center</p>
<p class="text-sm">id: <strong>mini--chat-bubble-bottom-center</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Left Ellipsis</p>
<p class="text-sm">id: <strong>mini--chat-bubble-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-left-right" />
</svg>
<div>
<p>Chat Bubble Left Right</p>
<p class="text-sm">id: <strong>mini--chat-bubble-left-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-left" />
</svg>
<div>
<p>Chat Bubble Left</p>
<p class="text-sm">id: <strong>mini--chat-bubble-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-oval-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Oval Left Ellipsis</p>
<p class="text-sm">id: <strong>mini--chat-bubble-oval-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chat-bubble-oval-left" />
</svg>
<div>
<p>Chat Bubble Oval Left</p>
<p class="text-sm">id: <strong>mini--chat-bubble-oval-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--check-badge" />
</svg>
<div>
<p>Check Badge</p>
<p class="text-sm">id: <strong>mini--check-badge</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--check-circle" />
</svg>
<div>
<p>Check Circle</p>
<p class="text-sm">id: <strong>mini--check-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--check" />
</svg>
<div>
<p>Check</p>
<p class="text-sm">id: <strong>mini--check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-double-down" />
</svg>
<div>
<p>Chevron Double Down</p>
<p class="text-sm">id: <strong>mini--chevron-double-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-double-left" />
</svg>
<div>
<p>Chevron Double Left</p>
<p class="text-sm">id: <strong>mini--chevron-double-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-double-right" />
</svg>
<div>
<p>Chevron Double Right</p>
<p class="text-sm">id: <strong>mini--chevron-double-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-double-up" />
</svg>
<div>
<p>Chevron Double Up</p>
<p class="text-sm">id: <strong>mini--chevron-double-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-down" />
</svg>
<div>
<p>Chevron Down</p>
<p class="text-sm">id: <strong>mini--chevron-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-left" />
</svg>
<div>
<p>Chevron Left</p>
<p class="text-sm">id: <strong>mini--chevron-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
<div>
<p>Chevron Right</p>
<p class="text-sm">id: <strong>mini--chevron-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-up-down" />
</svg>
<div>
<p>Chevron Up Down</p>
<p class="text-sm">id: <strong>mini--chevron-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-up" />
</svg>
<div>
<p>Chevron Up</p>
<p class="text-sm">id: <strong>mini--chevron-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--circle-stack" />
</svg>
<div>
<p>Circle Stack</p>
<p class="text-sm">id: <strong>mini--circle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--clipboard-document-check" />
</svg>
<div>
<p>Clipboard Document Check</p>
<p class="text-sm">id: <strong>mini--clipboard-document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--clipboard-document-list" />
</svg>
<div>
<p>Clipboard Document List</p>
<p class="text-sm">id: <strong>mini--clipboard-document-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--clipboard-document" />
</svg>
<div>
<p>Clipboard Document</p>
<p class="text-sm">id: <strong>mini--clipboard-document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--clipboard" />
</svg>
<div>
<p>Clipboard</p>
<p class="text-sm">id: <strong>mini--clipboard</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--clock" />
</svg>
<div>
<p>Clock</p>
<p class="text-sm">id: <strong>mini--clock</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cloud-arrow-down" />
</svg>
<div>
<p>Cloud Arrow Down</p>
<p class="text-sm">id: <strong>mini--cloud-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cloud-arrow-up" />
</svg>
<div>
<p>Cloud Arrow Up</p>
<p class="text-sm">id: <strong>mini--cloud-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cloud" />
</svg>
<div>
<p>Cloud</p>
<p class="text-sm">id: <strong>mini--cloud</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--code-bracket-square" />
</svg>
<div>
<p>Code Bracket Square</p>
<p class="text-sm">id: <strong>mini--code-bracket-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--code-bracket" />
</svg>
<div>
<p>Code Bracket</p>
<p class="text-sm">id: <strong>mini--code-bracket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cog-6-tooth" />
</svg>
<div>
<p>Cog 6 Tooth</p>
<p class="text-sm">id: <strong>mini--cog-6-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cog-8-tooth" />
</svg>
<div>
<p>Cog 8 Tooth</p>
<p class="text-sm">id: <strong>mini--cog-8-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cog" />
</svg>
<div>
<p>Cog</p>
<p class="text-sm">id: <strong>mini--cog</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--command-line" />
</svg>
<div>
<p>Command Line</p>
<p class="text-sm">id: <strong>mini--command-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--computer-desktop" />
</svg>
<div>
<p>Computer Desktop</p>
<p class="text-sm">id: <strong>mini--computer-desktop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cpu-chip" />
</svg>
<div>
<p>Cpu Chip</p>
<p class="text-sm">id: <strong>mini--cpu-chip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--credit-card" />
</svg>
<div>
<p>Credit Card</p>
<p class="text-sm">id: <strong>mini--credit-card</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cube-transparent" />
</svg>
<div>
<p>Cube Transparent</p>
<p class="text-sm">id: <strong>mini--cube-transparent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cube" />
</svg>
<div>
<p>Cube</p>
<p class="text-sm">id: <strong>mini--cube</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-bangladeshi" />
</svg>
<div>
<p>Currency Bangladeshi</p>
<p class="text-sm">id: <strong>mini--currency-bangladeshi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-dollar" />
</svg>
<div>
<p>Currency Dollar</p>
<p class="text-sm">id: <strong>mini--currency-dollar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-euro" />
</svg>
<div>
<p>Currency Euro</p>
<p class="text-sm">id: <strong>mini--currency-euro</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-pound" />
</svg>
<div>
<p>Currency Pound</p>
<p class="text-sm">id: <strong>mini--currency-pound</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-rupee" />
</svg>
<div>
<p>Currency Rupee</p>
<p class="text-sm">id: <strong>mini--currency-rupee</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--currency-yen" />
</svg>
<div>
<p>Currency Yen</p>
<p class="text-sm">id: <strong>mini--currency-yen</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cursor-arrow-rays" />
</svg>
<div>
<p>Cursor Arrow Rays</p>
<p class="text-sm">id: <strong>mini--cursor-arrow-rays</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--cursor-arrow-ripple" />
</svg>
<div>
<p>Cursor Arrow Ripple</p>
<p class="text-sm">id: <strong>mini--cursor-arrow-ripple</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--device-phone-mobile" />
</svg>
<div>
<p>Device Phone Mobile</p>
<p class="text-sm">id: <strong>mini--device-phone-mobile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--device-tablet" />
</svg>
<div>
<p>Device Tablet</p>
<p class="text-sm">id: <strong>mini--device-tablet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-arrow-down" />
</svg>
<div>
<p>Document Arrow Down</p>
<p class="text-sm">id: <strong>mini--document-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-arrow-up" />
</svg>
<div>
<p>Document Arrow Up</p>
<p class="text-sm">id: <strong>mini--document-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-chart-bar" />
</svg>
<div>
<p>Document Chart Bar</p>
<p class="text-sm">id: <strong>mini--document-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-check" />
</svg>
<div>
<p>Document Check</p>
<p class="text-sm">id: <strong>mini--document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-duplicate" />
</svg>
<div>
<p>Document Duplicate</p>
<p class="text-sm">id: <strong>mini--document-duplicate</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-magnifying-glass" />
</svg>
<div>
<p>Document Magnifying Glass</p>
<p class="text-sm">id: <strong>mini--document-magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-minus" />
</svg>
<div>
<p>Document Minus</p>
<p class="text-sm">id: <strong>mini--document-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-plus" />
</svg>
<div>
<p>Document Plus</p>
<p class="text-sm">id: <strong>mini--document-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document-text" />
</svg>
<div>
<p>Document Text</p>
<p class="text-sm">id: <strong>mini--document-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--document" />
</svg>
<div>
<p>Document</p>
<p class="text-sm">id: <strong>mini--document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--ellipsis-horizontal-circle" />
</svg>
<div>
<p>Ellipsis Horizontal Circle</p>
<p class="text-sm">id: <strong>mini--ellipsis-horizontal-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--ellipsis-horizontal" />
</svg>
<div>
<p>Ellipsis Horizontal</p>
<p class="text-sm">id: <strong>mini--ellipsis-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--ellipsis-vertical" />
</svg>
<div>
<p>Ellipsis Vertical</p>
<p class="text-sm">id: <strong>mini--ellipsis-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--envelope-open" />
</svg>
<div>
<p>Envelope Open</p>
<p class="text-sm">id: <strong>mini--envelope-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--envelope" />
</svg>
<div>
<p>Envelope</p>
<p class="text-sm">id: <strong>mini--envelope</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--exclamation-circle" />
</svg>
<div>
<p>Exclamation Circle</p>
<p class="text-sm">id: <strong>mini--exclamation-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--exclamation-triangle" />
</svg>
<div>
<p>Exclamation Triangle</p>
<p class="text-sm">id: <strong>mini--exclamation-triangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--eye-dropper" />
</svg>
<div>
<p>Eye Dropper</p>
<p class="text-sm">id: <strong>mini--eye-dropper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--eye-slash" />
</svg>
<div>
<p>Eye Slash</p>
<p class="text-sm">id: <strong>mini--eye-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--eye" />
</svg>
<div>
<p>Eye</p>
<p class="text-sm">id: <strong>mini--eye</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--face-frown" />
</svg>
<div>
<p>Face Frown</p>
<p class="text-sm">id: <strong>mini--face-frown</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--face-smile" />
</svg>
<div>
<p>Face Smile</p>
<p class="text-sm">id: <strong>mini--face-smile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--facebook" />
</svg>
<div>
<p>Facebook</p>
<p class="text-sm">id: <strong>mini--facebook</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--film" />
</svg>
<div>
<p>Film</p>
<p class="text-sm">id: <strong>mini--film</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--finger-print" />
</svg>
<div>
<p>Finger Print</p>
<p class="text-sm">id: <strong>mini--finger-print</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--fire" />
</svg>
<div>
<p>Fire</p>
<p class="text-sm">id: <strong>mini--fire</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--flag" />
</svg>
<div>
<p>Flag</p>
<p class="text-sm">id: <strong>mini--flag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--folder-arrow-down" />
</svg>
<div>
<p>Folder Arrow Down</p>
<p class="text-sm">id: <strong>mini--folder-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--folder-minus" />
</svg>
<div>
<p>Folder Minus</p>
<p class="text-sm">id: <strong>mini--folder-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--folder-open" />
</svg>
<div>
<p>Folder Open</p>
<p class="text-sm">id: <strong>mini--folder-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--folder-plus" />
</svg>
<div>
<p>Folder Plus</p>
<p class="text-sm">id: <strong>mini--folder-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--folder" />
</svg>
<div>
<p>Folder</p>
<p class="text-sm">id: <strong>mini--folder</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--forward" />
</svg>
<div>
<p>Forward</p>
<p class="text-sm">id: <strong>mini--forward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--funnel" />
</svg>
<div>
<p>Funnel</p>
<p class="text-sm">id: <strong>mini--funnel</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--gif" />
</svg>
<div>
<p>Gif</p>
<p class="text-sm">id: <strong>mini--gif</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--gift-top" />
</svg>
<div>
<p>Gift Top</p>
<p class="text-sm">id: <strong>mini--gift-top</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--gift" />
</svg>
<div>
<p>Gift</p>
<p class="text-sm">id: <strong>mini--gift</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--globe-alt" />
</svg>
<div>
<p>Globe Alt</p>
<p class="text-sm">id: <strong>mini--globe-alt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--globe-americas" />
</svg>
<div>
<p>Globe Americas</p>
<p class="text-sm">id: <strong>mini--globe-americas</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--globe-asia-australia" />
</svg>
<div>
<p>Globe Asia Australia</p>
<p class="text-sm">id: <strong>mini--globe-asia-australia</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--globe-europe-africa" />
</svg>
<div>
<p>Globe Europe Africa</p>
<p class="text-sm">id: <strong>mini--globe-europe-africa</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--hand-raised" />
</svg>
<div>
<p>Hand Raised</p>
<p class="text-sm">id: <strong>mini--hand-raised</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--hand-thumb-down" />
</svg>
<div>
<p>Hand Thumb Down</p>
<p class="text-sm">id: <strong>mini--hand-thumb-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--hand-thumb-up" />
</svg>
<div>
<p>Hand Thumb Up</p>
<p class="text-sm">id: <strong>mini--hand-thumb-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--hashtag" />
</svg>
<div>
<p>Hashtag</p>
<p class="text-sm">id: <strong>mini--hashtag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--heart" />
</svg>
<div>
<p>Heart</p>
<p class="text-sm">id: <strong>mini--heart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--home-modern" />
</svg>
<div>
<p>Home Modern</p>
<p class="text-sm">id: <strong>mini--home-modern</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--home" />
</svg>
<div>
<p>Home</p>
<p class="text-sm">id: <strong>mini--home</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--identification" />
</svg>
<div>
<p>Identification</p>
<p class="text-sm">id: <strong>mini--identification</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--inbox-arrow-down" />
</svg>
<div>
<p>Inbox Arrow Down</p>
<p class="text-sm">id: <strong>mini--inbox-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--inbox-stack" />
</svg>
<div>
<p>Inbox Stack</p>
<p class="text-sm">id: <strong>mini--inbox-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--inbox" />
</svg>
<div>
<p>Inbox</p>
<p class="text-sm">id: <strong>mini--inbox</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--information-circle" />
</svg>
<div>
<p>Information Circle</p>
<p class="text-sm">id: <strong>mini--information-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--instagram" />
</svg>
<div>
<p>Instagram</p>
<p class="text-sm">id: <strong>mini--instagram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--key" />
</svg>
<div>
<p>Key</p>
<p class="text-sm">id: <strong>mini--key</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--language" />
</svg>
<div>
<p>Language</p>
<p class="text-sm">id: <strong>mini--language</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--lifebuoy" />
</svg>
<div>
<p>Lifebuoy</p>
<p class="text-sm">id: <strong>mini--lifebuoy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--light-bulb" />
</svg>
<div>
<p>Light Bulb</p>
<p class="text-sm">id: <strong>mini--light-bulb</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--link" />
</svg>
<div>
<p>Link</p>
<p class="text-sm">id: <strong>mini--link</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--list-bullet" />
</svg>
<div>
<p>List Bullet</p>
<p class="text-sm">id: <strong>mini--list-bullet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--lock-closed" />
</svg>
<div>
<p>Lock Closed</p>
<p class="text-sm">id: <strong>mini--lock-closed</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--lock-open" />
</svg>
<div>
<p>Lock Open</p>
<p class="text-sm">id: <strong>mini--lock-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass-circle" />
</svg>
<div>
<p>Magnifying Glass Circle</p>
<p class="text-sm">id: <strong>mini--magnifying-glass-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass-minus" />
</svg>
<div>
<p>Magnifying Glass Minus</p>
<p class="text-sm">id: <strong>mini--magnifying-glass-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass-plus" />
</svg>
<div>
<p>Magnifying Glass Plus</p>
<p class="text-sm">id: <strong>mini--magnifying-glass-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
<div>
<p>Magnifying Glass</p>
<p class="text-sm">id: <strong>mini--magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--map-pin" />
</svg>
<div>
<p>Map Pin</p>
<p class="text-sm">id: <strong>mini--map-pin</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--map" />
</svg>
<div>
<p>Map</p>
<p class="text-sm">id: <strong>mini--map</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--megaphone" />
</svg>
<div>
<p>Megaphone</p>
<p class="text-sm">id: <strong>mini--megaphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--microphone" />
</svg>
<div>
<p>Microphone</p>
<p class="text-sm">id: <strong>mini--microphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--minus-circle" />
</svg>
<div>
<p>Minus Circle</p>
<p class="text-sm">id: <strong>mini--minus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--minus-small" />
</svg>
<div>
<p>Minus Small</p>
<p class="text-sm">id: <strong>mini--minus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--minus" />
</svg>
<div>
<p>Minus</p>
<p class="text-sm">id: <strong>mini--minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--moon" />
</svg>
<div>
<p>Moon</p>
<p class="text-sm">id: <strong>mini--moon</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--musical-note" />
</svg>
<div>
<p>Musical Note</p>
<p class="text-sm">id: <strong>mini--musical-note</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--newspaper" />
</svg>
<div>
<p>Newspaper</p>
<p class="text-sm">id: <strong>mini--newspaper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--no-symbol" />
</svg>
<div>
<p>No Symbol</p>
<p class="text-sm">id: <strong>mini--no-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--paint-brush" />
</svg>
<div>
<p>Paint Brush</p>
<p class="text-sm">id: <strong>mini--paint-brush</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--paper-airplane" />
</svg>
<div>
<p>Paper Airplane</p>
<p class="text-sm">id: <strong>mini--paper-airplane</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--paper-clip" />
</svg>
<div>
<p>Paper Clip</p>
<p class="text-sm">id: <strong>mini--paper-clip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--pause-circle" />
</svg>
<div>
<p>Pause Circle</p>
<p class="text-sm">id: <strong>mini--pause-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--pause" />
</svg>
<div>
<p>Pause</p>
<p class="text-sm">id: <strong>mini--pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--pencil-square" />
</svg>
<div>
<p>Pencil Square</p>
<p class="text-sm">id: <strong>mini--pencil-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--pencil" />
</svg>
<div>
<p>Pencil</p>
<p class="text-sm">id: <strong>mini--pencil</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--phone-arrow-down-left" />
</svg>
<div>
<p>Phone Arrow Down Left</p>
<p class="text-sm">id: <strong>mini--phone-arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--phone-arrow-up-right" />
</svg>
<div>
<p>Phone Arrow Up Right</p>
<p class="text-sm">id: <strong>mini--phone-arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--phone-x-mark" />
</svg>
<div>
<p>Phone X Mark</p>
<p class="text-sm">id: <strong>mini--phone-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--phone" />
</svg>
<div>
<p>Phone</p>
<p class="text-sm">id: <strong>mini--phone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--photo" />
</svg>
<div>
<p>Photo</p>
<p class="text-sm">id: <strong>mini--photo</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--play-circle" />
</svg>
<div>
<p>Play Circle</p>
<p class="text-sm">id: <strong>mini--play-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--play-pause" />
</svg>
<div>
<p>Play Pause</p>
<p class="text-sm">id: <strong>mini--play-pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--play" />
</svg>
<div>
<p>Play</p>
<p class="text-sm">id: <strong>mini--play</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--plus-circle" />
</svg>
<div>
<p>Plus Circle</p>
<p class="text-sm">id: <strong>mini--plus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--plus-small" />
</svg>
<div>
<p>Plus Small</p>
<p class="text-sm">id: <strong>mini--plus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--plus" />
</svg>
<div>
<p>Plus</p>
<p class="text-sm">id: <strong>mini--plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--power" />
</svg>
<div>
<p>Power</p>
<p class="text-sm">id: <strong>mini--power</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--presentation-chart-bar" />
</svg>
<div>
<p>Presentation Chart Bar</p>
<p class="text-sm">id: <strong>mini--presentation-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--presentation-chart-line" />
</svg>
<div>
<p>Presentation Chart Line</p>
<p class="text-sm">id: <strong>mini--presentation-chart-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--printer" />
</svg>
<div>
<p>Printer</p>
<p class="text-sm">id: <strong>mini--printer</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--puzzle-piece" />
</svg>
<div>
<p>Puzzle Piece</p>
<p class="text-sm">id: <strong>mini--puzzle-piece</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--qr-code" />
</svg>
<div>
<p>Qr Code</p>
<p class="text-sm">id: <strong>mini--qr-code</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--question-mark-circle" />
</svg>
<div>
<p>Question Mark Circle</p>
<p class="text-sm">id: <strong>mini--question-mark-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--queue-list" />
</svg>
<div>
<p>Queue List</p>
<p class="text-sm">id: <strong>mini--queue-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--radio" />
</svg>
<div>
<p>Radio</p>
<p class="text-sm">id: <strong>mini--radio</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--receipt-percent" />
</svg>
<div>
<p>Receipt Percent</p>
<p class="text-sm">id: <strong>mini--receipt-percent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--receipt-refund" />
</svg>
<div>
<p>Receipt Refund</p>
<p class="text-sm">id: <strong>mini--receipt-refund</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--rectangle-group" />
</svg>
<div>
<p>Rectangle Group</p>
<p class="text-sm">id: <strong>mini--rectangle-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--rectangle-stack" />
</svg>
<div>
<p>Rectangle Stack</p>
<p class="text-sm">id: <strong>mini--rectangle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--rocket-launch" />
</svg>
<div>
<p>Rocket Launch</p>
<p class="text-sm">id: <strong>mini--rocket-launch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--rss" />
</svg>
<div>
<p>Rss</p>
<p class="text-sm">id: <strong>mini--rss</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--scale" />
</svg>
<div>
<p>Scale</p>
<p class="text-sm">id: <strong>mini--scale</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--scissors" />
</svg>
<div>
<p>Scissors</p>
<p class="text-sm">id: <strong>mini--scissors</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--server-stack" />
</svg>
<div>
<p>Server Stack</p>
<p class="text-sm">id: <strong>mini--server-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--server" />
</svg>
<div>
<p>Server</p>
<p class="text-sm">id: <strong>mini--server</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--share" />
</svg>
<div>
<p>Share</p>
<p class="text-sm">id: <strong>mini--share</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--shield-check" />
</svg>
<div>
<p>Shield Check</p>
<p class="text-sm">id: <strong>mini--shield-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--shield-exclamation" />
</svg>
<div>
<p>Shield Exclamation</p>
<p class="text-sm">id: <strong>mini--shield-exclamation</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--shopping-bag" />
</svg>
<div>
<p>Shopping Bag</p>
<p class="text-sm">id: <strong>mini--shopping-bag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--shopping-cart" />
</svg>
<div>
<p>Shopping Cart</p>
<p class="text-sm">id: <strong>mini--shopping-cart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--signal-slash" />
</svg>
<div>
<p>Signal Slash</p>
<p class="text-sm">id: <strong>mini--signal-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--signal" />
</svg>
<div>
<p>Signal</p>
<p class="text-sm">id: <strong>mini--signal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--sparkles" />
</svg>
<div>
<p>Sparkles</p>
<p class="text-sm">id: <strong>mini--sparkles</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--speaker-wave" />
</svg>
<div>
<p>Speaker Wave</p>
<p class="text-sm">id: <strong>mini--speaker-wave</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--speaker-x-mark" />
</svg>
<div>
<p>Speaker X Mark</p>
<p class="text-sm">id: <strong>mini--speaker-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--square-2-stack" />
</svg>
<div>
<p>Square 2 Stack</p>
<p class="text-sm">id: <strong>mini--square-2-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--square-3-stack-3d" />
</svg>
<div>
<p>Square 3 Stack 3d</p>
<p class="text-sm">id: <strong>mini--square-3-stack-3d</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--squares-2x2" />
</svg>
<div>
<p>Squares 2x2</p>
<p class="text-sm">id: <strong>mini--squares-2x2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--squares-plus" />
</svg>
<div>
<p>Squares Plus</p>
<p class="text-sm">id: <strong>mini--squares-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--star" />
</svg>
<div>
<p>Star</p>
<p class="text-sm">id: <strong>mini--star</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--stop-circle" />
</svg>
<div>
<p>Stop Circle</p>
<p class="text-sm">id: <strong>mini--stop-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--stop" />
</svg>
<div>
<p>Stop</p>
<p class="text-sm">id: <strong>mini--stop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--sun" />
</svg>
<div>
<p>Sun</p>
<p class="text-sm">id: <strong>mini--sun</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--swatch" />
</svg>
<div>
<p>Swatch</p>
<p class="text-sm">id: <strong>mini--swatch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--table-cells" />
</svg>
<div>
<p>Table Cells</p>
<p class="text-sm">id: <strong>mini--table-cells</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--tag" />
</svg>
<div>
<p>Tag</p>
<p class="text-sm">id: <strong>mini--tag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--telegram" />
</svg>
<div>
<p>Telegram</p>
<p class="text-sm">id: <strong>mini--telegram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--ticket" />
</svg>
<div>
<p>Ticket</p>
<p class="text-sm">id: <strong>mini--ticket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--trash" />
</svg>
<div>
<p>Trash</p>
<p class="text-sm">id: <strong>mini--trash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--trophy" />
</svg>
<div>
<p>Trophy</p>
<p class="text-sm">id: <strong>mini--trophy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--truck" />
</svg>
<div>
<p>Truck</p>
<p class="text-sm">id: <strong>mini--truck</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--tv" />
</svg>
<div>
<p>Tv</p>
<p class="text-sm">id: <strong>mini--tv</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--user-circle" />
</svg>
<div>
<p>User Circle</p>
<p class="text-sm">id: <strong>mini--user-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--user-group" />
</svg>
<div>
<p>User Group</p>
<p class="text-sm">id: <strong>mini--user-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--user-minus" />
</svg>
<div>
<p>User Minus</p>
<p class="text-sm">id: <strong>mini--user-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--user-plus" />
</svg>
<div>
<p>User Plus</p>
<p class="text-sm">id: <strong>mini--user-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--user" />
</svg>
<div>
<p>User</p>
<p class="text-sm">id: <strong>mini--user</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--users" />
</svg>
<div>
<p>Users</p>
<p class="text-sm">id: <strong>mini--users</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--variable" />
</svg>
<div>
<p>Variable</p>
<p class="text-sm">id: <strong>mini--variable</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--video-camera-slash" />
</svg>
<div>
<p>Video Camera Slash</p>
<p class="text-sm">id: <strong>mini--video-camera-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--video-camera" />
</svg>
<div>
<p>Video Camera</p>
<p class="text-sm">id: <strong>mini--video-camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--view-columns" />
</svg>
<div>
<p>View Columns</p>
<p class="text-sm">id: <strong>mini--view-columns</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--viewfinder-circle" />
</svg>
<div>
<p>Viewfinder Circle</p>
<p class="text-sm">id: <strong>mini--viewfinder-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--wallet" />
</svg>
<div>
<p>Wallet</p>
<p class="text-sm">id: <strong>mini--wallet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--wifi" />
</svg>
<div>
<p>Wifi</p>
<p class="text-sm">id: <strong>mini--wifi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--window" />
</svg>
<div>
<p>Window</p>
<p class="text-sm">id: <strong>mini--window</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--wrench-screwdriver" />
</svg>
<div>
<p>Wrench Screwdriver</p>
<p class="text-sm">id: <strong>mini--wrench-screwdriver</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--wrench" />
</svg>
<div>
<p>Wrench</p>
<p class="text-sm">id: <strong>mini--wrench</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-circle" />
</svg>
<div>
<p>X Circle</p>
<p class="text-sm">id: <strong>mini--x-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-mark" />
</svg>
<div>
<p>X Mark</p>
<p class="text-sm">id: <strong>mini--x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x" />
</svg>
<div>
<p>X</p>
<p class="text-sm">id: <strong>mini--x</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--youtube" />
</svg>
<div>
<p>Youtube</p>
<p class="text-sm">id: <strong>mini--youtube</strong></p>
</div>
</div>
</div>
</div>
<div class="px-6">
<h2 class="n7-heading-4 font-bold">outline</h2>
<div class="flex gap-6 p-4 flex-wrap">
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--academic-cap" />
</svg>
<div>
<p>Academic Cap</p>
<p class="text-sm">id: <strong>outline--academic-cap</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--adjustments-horizontal" />
</svg>
<div>
<p>Adjustments Horizontal</p>
<p class="text-sm">id: <strong>outline--adjustments-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--adjustments-vertical" />
</svg>
<div>
<p>Adjustments Vertical</p>
<p class="text-sm">id: <strong>outline--adjustments-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--archive-box-arrow-down" />
</svg>
<div>
<p>Archive Box Arrow Down</p>
<p class="text-sm">id: <strong>outline--archive-box-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--archive-box-x-mark" />
</svg>
<div>
<p>Archive Box X Mark</p>
<p class="text-sm">id: <strong>outline--archive-box-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--archive-box" />
</svg>
<div>
<p>Archive Box</p>
<p class="text-sm">id: <strong>outline--archive-box</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-circle" />
</svg>
<div>
<p>Arrow Down Circle</p>
<p class="text-sm">id: <strong>outline--arrow-down-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-left" />
</svg>
<div>
<p>Arrow Down Left</p>
<p class="text-sm">id: <strong>outline--arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-on-square-stack" />
</svg>
<div>
<p>Arrow Down On Square Stack</p>
<p class="text-sm">id: <strong>outline--arrow-down-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-on-square" />
</svg>
<div>
<p>Arrow Down On Square</p>
<p class="text-sm">id: <strong>outline--arrow-down-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-right" />
</svg>
<div>
<p>Arrow Down Right</p>
<p class="text-sm">id: <strong>outline--arrow-down-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down-tray" />
</svg>
<div>
<p>Arrow Down Tray</p>
<p class="text-sm">id: <strong>outline--arrow-down-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-down" />
</svg>
<div>
<p>Arrow Down</p>
<p class="text-sm">id: <strong>outline--arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-left-circle" />
</svg>
<div>
<p>Arrow Left Circle</p>
<p class="text-sm">id: <strong>outline--arrow-left-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-left-end-on-rectangle" />
</svg>
<div>
<p>Arrow Left End On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-left-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-left-on-rectangle" />
</svg>
<div>
<p>Arrow Left On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-left-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-left-start-on-rectangle" />
</svg>
<div>
<p>Arrow Left Start On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-left-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-left" />
</svg>
<div>
<p>Arrow Left</p>
<p class="text-sm">id: <strong>outline--arrow-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-long-down" />
</svg>
<div>
<p>Arrow Long Down</p>
<p class="text-sm">id: <strong>outline--arrow-long-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-long-left" />
</svg>
<div>
<p>Arrow Long Left</p>
<p class="text-sm">id: <strong>outline--arrow-long-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-long-right" />
</svg>
<div>
<p>Arrow Long Right</p>
<p class="text-sm">id: <strong>outline--arrow-long-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-long-up" />
</svg>
<div>
<p>Arrow Long Up</p>
<p class="text-sm">id: <strong>outline--arrow-long-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-path-rounded-square" />
</svg>
<div>
<p>Arrow Path Rounded Square</p>
<p class="text-sm">id: <strong>outline--arrow-path-rounded-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-path" />
</svg>
<div>
<p>Arrow Path</p>
<p class="text-sm">id: <strong>outline--arrow-path</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-right-circle" />
</svg>
<div>
<p>Arrow Right Circle</p>
<p class="text-sm">id: <strong>outline--arrow-right-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-right-end-on-rectangle" />
</svg>
<div>
<p>Arrow Right End On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-right-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-right-on-rectangle" />
</svg>
<div>
<p>Arrow Right On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-right-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-right-start-on-rectangle" />
</svg>
<div>
<p>Arrow Right Start On Rectangle</p>
<p class="text-sm">id: <strong>outline--arrow-right-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-right" />
</svg>
<div>
<p>Arrow Right</p>
<p class="text-sm">id: <strong>outline--arrow-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-small-down" />
</svg>
<div>
<p>Arrow Small Down</p>
<p class="text-sm">id: <strong>outline--arrow-small-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-small-left" />
</svg>
<div>
<p>Arrow Small Left</p>
<p class="text-sm">id: <strong>outline--arrow-small-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-small-right" />
</svg>
<div>
<p>Arrow Small Right</p>
<p class="text-sm">id: <strong>outline--arrow-small-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-small-up" />
</svg>
<div>
<p>Arrow Small Up</p>
<p class="text-sm">id: <strong>outline--arrow-small-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-top-right-on-square" />
</svg>
<div>
<p>Arrow Top Right On Square</p>
<p class="text-sm">id: <strong>outline--arrow-top-right-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-trending-down" />
</svg>
<div>
<p>Arrow Trending Down</p>
<p class="text-sm">id: <strong>outline--arrow-trending-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-trending-up" />
</svg>
<div>
<p>Arrow Trending Up</p>
<p class="text-sm">id: <strong>outline--arrow-trending-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-circle" />
</svg>
<div>
<p>Arrow Up Circle</p>
<p class="text-sm">id: <strong>outline--arrow-up-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-left" />
</svg>
<div>
<p>Arrow Up Left</p>
<p class="text-sm">id: <strong>outline--arrow-up-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-on-square-stack" />
</svg>
<div>
<p>Arrow Up On Square Stack</p>
<p class="text-sm">id: <strong>outline--arrow-up-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-on-square" />
</svg>
<div>
<p>Arrow Up On Square</p>
<p class="text-sm">id: <strong>outline--arrow-up-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-right" />
</svg>
<div>
<p>Arrow Up Right</p>
<p class="text-sm">id: <strong>outline--arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up-tray" />
</svg>
<div>
<p>Arrow Up Tray</p>
<p class="text-sm">id: <strong>outline--arrow-up-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-up" />
</svg>
<div>
<p>Arrow Up</p>
<p class="text-sm">id: <strong>outline--arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-uturn-down" />
</svg>
<div>
<p>Arrow Uturn Down</p>
<p class="text-sm">id: <strong>outline--arrow-uturn-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-uturn-left" />
</svg>
<div>
<p>Arrow Uturn Left</p>
<p class="text-sm">id: <strong>outline--arrow-uturn-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-uturn-right" />
</svg>
<div>
<p>Arrow Uturn Right</p>
<p class="text-sm">id: <strong>outline--arrow-uturn-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrow-uturn-up" />
</svg>
<div>
<p>Arrow Uturn Up</p>
<p class="text-sm">id: <strong>outline--arrow-uturn-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrows-pointing-in" />
</svg>
<div>
<p>Arrows Pointing In</p>
<p class="text-sm">id: <strong>outline--arrows-pointing-in</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrows-pointing-out" />
</svg>
<div>
<p>Arrows Pointing Out</p>
<p class="text-sm">id: <strong>outline--arrows-pointing-out</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrows-right-left" />
</svg>
<div>
<p>Arrows Right Left</p>
<p class="text-sm">id: <strong>outline--arrows-right-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--arrows-up-down" />
</svg>
<div>
<p>Arrows Up Down</p>
<p class="text-sm">id: <strong>outline--arrows-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--at-symbol" />
</svg>
<div>
<p>At Symbol</p>
<p class="text-sm">id: <strong>outline--at-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--backspace" />
</svg>
<div>
<p>Backspace</p>
<p class="text-sm">id: <strong>outline--backspace</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--backward" />
</svg>
<div>
<p>Backward</p>
<p class="text-sm">id: <strong>outline--backward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--banknotes" />
</svg>
<div>
<p>Banknotes</p>
<p class="text-sm">id: <strong>outline--banknotes</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-2" />
</svg>
<div>
<p>Bars 2</p>
<p class="text-sm">id: <strong>outline--bars-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-3-bottom-left" />
</svg>
<div>
<p>Bars 3 Bottom Left</p>
<p class="text-sm">id: <strong>outline--bars-3-bottom-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-3-bottom-right" />
</svg>
<div>
<p>Bars 3 Bottom Right</p>
<p class="text-sm">id: <strong>outline--bars-3-bottom-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-3-center-left" />
</svg>
<div>
<p>Bars 3 Center Left</p>
<p class="text-sm">id: <strong>outline--bars-3-center-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-3" />
</svg>
<div>
<p>Bars 3</p>
<p class="text-sm">id: <strong>outline--bars-3</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-4" />
</svg>
<div>
<p>Bars 4</p>
<p class="text-sm">id: <strong>outline--bars-4</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-arrow-down" />
</svg>
<div>
<p>Bars Arrow Down</p>
<p class="text-sm">id: <strong>outline--bars-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bars-arrow-up" />
</svg>
<div>
<p>Bars Arrow Up</p>
<p class="text-sm">id: <strong>outline--bars-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--battery-0" />
</svg>
<div>
<p>Battery 0</p>
<p class="text-sm">id: <strong>outline--battery-0</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--battery-100" />
</svg>
<div>
<p>Battery 100</p>
<p class="text-sm">id: <strong>outline--battery-100</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--battery-50" />
</svg>
<div>
<p>Battery 50</p>
<p class="text-sm">id: <strong>outline--battery-50</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--beaker" />
</svg>
<div>
<p>Beaker</p>
<p class="text-sm">id: <strong>outline--beaker</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bell-alert" />
</svg>
<div>
<p>Bell Alert</p>
<p class="text-sm">id: <strong>outline--bell-alert</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bell-slash" />
</svg>
<div>
<p>Bell Slash</p>
<p class="text-sm">id: <strong>outline--bell-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bell-snooze" />
</svg>
<div>
<p>Bell Snooze</p>
<p class="text-sm">id: <strong>outline--bell-snooze</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bell" />
</svg>
<div>
<p>Bell</p>
<p class="text-sm">id: <strong>outline--bell</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bolt-slash" />
</svg>
<div>
<p>Bolt Slash</p>
<p class="text-sm">id: <strong>outline--bolt-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bolt" />
</svg>
<div>
<p>Bolt</p>
<p class="text-sm">id: <strong>outline--bolt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--book-open" />
</svg>
<div>
<p>Book Open</p>
<p class="text-sm">id: <strong>outline--book-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bookmark-slash" />
</svg>
<div>
<p>Bookmark Slash</p>
<p class="text-sm">id: <strong>outline--bookmark-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bookmark-square" />
</svg>
<div>
<p>Bookmark Square</p>
<p class="text-sm">id: <strong>outline--bookmark-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bookmark" />
</svg>
<div>
<p>Bookmark</p>
<p class="text-sm">id: <strong>outline--bookmark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--briefcase" />
</svg>
<div>
<p>Briefcase</p>
<p class="text-sm">id: <strong>outline--briefcase</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--bug-ant" />
</svg>
<div>
<p>Bug Ant</p>
<p class="text-sm">id: <strong>outline--bug-ant</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--building-library" />
</svg>
<div>
<p>Building Library</p>
<p class="text-sm">id: <strong>outline--building-library</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--building-office-2" />
</svg>
<div>
<p>Building Office 2</p>
<p class="text-sm">id: <strong>outline--building-office-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--building-office" />
</svg>
<div>
<p>Building Office</p>
<p class="text-sm">id: <strong>outline--building-office</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--building-storefront" />
</svg>
<div>
<p>Building Storefront</p>
<p class="text-sm">id: <strong>outline--building-storefront</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cake" />
</svg>
<div>
<p>Cake</p>
<p class="text-sm">id: <strong>outline--cake</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--calculator" />
</svg>
<div>
<p>Calculator</p>
<p class="text-sm">id: <strong>outline--calculator</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--calendar-days" />
</svg>
<div>
<p>Calendar Days</p>
<p class="text-sm">id: <strong>outline--calendar-days</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--calendar" />
</svg>
<div>
<p>Calendar</p>
<p class="text-sm">id: <strong>outline--calendar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--camera" />
</svg>
<div>
<p>Camera</p>
<p class="text-sm">id: <strong>outline--camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chart-bar-square" />
</svg>
<div>
<p>Chart Bar Square</p>
<p class="text-sm">id: <strong>outline--chart-bar-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chart-bar" />
</svg>
<div>
<p>Chart Bar</p>
<p class="text-sm">id: <strong>outline--chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chart-pie" />
</svg>
<div>
<p>Chart Pie</p>
<p class="text-sm">id: <strong>outline--chart-pie</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-bottom-center-text" />
</svg>
<div>
<p>Chat Bubble Bottom Center Text</p>
<p class="text-sm">id: <strong>outline--chat-bubble-bottom-center-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-bottom-center" />
</svg>
<div>
<p>Chat Bubble Bottom Center</p>
<p class="text-sm">id: <strong>outline--chat-bubble-bottom-center</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Left Ellipsis</p>
<p class="text-sm">id: <strong>outline--chat-bubble-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-left-right" />
</svg>
<div>
<p>Chat Bubble Left Right</p>
<p class="text-sm">id: <strong>outline--chat-bubble-left-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-left" />
</svg>
<div>
<p>Chat Bubble Left</p>
<p class="text-sm">id: <strong>outline--chat-bubble-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-oval-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Oval Left Ellipsis</p>
<p class="text-sm">id: <strong>outline--chat-bubble-oval-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chat-bubble-oval-left" />
</svg>
<div>
<p>Chat Bubble Oval Left</p>
<p class="text-sm">id: <strong>outline--chat-bubble-oval-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--check-badge" />
</svg>
<div>
<p>Check Badge</p>
<p class="text-sm">id: <strong>outline--check-badge</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--check-circle" />
</svg>
<div>
<p>Check Circle</p>
<p class="text-sm">id: <strong>outline--check-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--check" />
</svg>
<div>
<p>Check</p>
<p class="text-sm">id: <strong>outline--check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-double-down" />
</svg>
<div>
<p>Chevron Double Down</p>
<p class="text-sm">id: <strong>outline--chevron-double-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-double-left" />
</svg>
<div>
<p>Chevron Double Left</p>
<p class="text-sm">id: <strong>outline--chevron-double-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-double-right" />
</svg>
<div>
<p>Chevron Double Right</p>
<p class="text-sm">id: <strong>outline--chevron-double-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-double-up" />
</svg>
<div>
<p>Chevron Double Up</p>
<p class="text-sm">id: <strong>outline--chevron-double-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-down" />
</svg>
<div>
<p>Chevron Down</p>
<p class="text-sm">id: <strong>outline--chevron-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-left" />
</svg>
<div>
<p>Chevron Left</p>
<p class="text-sm">id: <strong>outline--chevron-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-right" />
</svg>
<div>
<p>Chevron Right</p>
<p class="text-sm">id: <strong>outline--chevron-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-up-down" />
</svg>
<div>
<p>Chevron Up Down</p>
<p class="text-sm">id: <strong>outline--chevron-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--chevron-up" />
</svg>
<div>
<p>Chevron Up</p>
<p class="text-sm">id: <strong>outline--chevron-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--circle-stack" />
</svg>
<div>
<p>Circle Stack</p>
<p class="text-sm">id: <strong>outline--circle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clipboard-document-check" />
</svg>
<div>
<p>Clipboard Document Check</p>
<p class="text-sm">id: <strong>outline--clipboard-document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clipboard-document-list" />
</svg>
<div>
<p>Clipboard Document List</p>
<p class="text-sm">id: <strong>outline--clipboard-document-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clipboard-document" />
</svg>
<div>
<p>Clipboard Document</p>
<p class="text-sm">id: <strong>outline--clipboard-document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clipboard" />
</svg>
<div>
<p>Clipboard</p>
<p class="text-sm">id: <strong>outline--clipboard</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--clock" />
</svg>
<div>
<p>Clock</p>
<p class="text-sm">id: <strong>outline--clock</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cloud-arrow-down" />
</svg>
<div>
<p>Cloud Arrow Down</p>
<p class="text-sm">id: <strong>outline--cloud-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cloud-arrow-up" />
</svg>
<div>
<p>Cloud Arrow Up</p>
<p class="text-sm">id: <strong>outline--cloud-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cloud" />
</svg>
<div>
<p>Cloud</p>
<p class="text-sm">id: <strong>outline--cloud</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--code-bracket-square" />
</svg>
<div>
<p>Code Bracket Square</p>
<p class="text-sm">id: <strong>outline--code-bracket-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--code-bracket" />
</svg>
<div>
<p>Code Bracket</p>
<p class="text-sm">id: <strong>outline--code-bracket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cog-6-tooth" />
</svg>
<div>
<p>Cog 6 Tooth</p>
<p class="text-sm">id: <strong>outline--cog-6-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cog-8-tooth" />
</svg>
<div>
<p>Cog 8 Tooth</p>
<p class="text-sm">id: <strong>outline--cog-8-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cog" />
</svg>
<div>
<p>Cog</p>
<p class="text-sm">id: <strong>outline--cog</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--command-line" />
</svg>
<div>
<p>Command Line</p>
<p class="text-sm">id: <strong>outline--command-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--computer-desktop" />
</svg>
<div>
<p>Computer Desktop</p>
<p class="text-sm">id: <strong>outline--computer-desktop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cpu-chip" />
</svg>
<div>
<p>Cpu Chip</p>
<p class="text-sm">id: <strong>outline--cpu-chip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--credit-card" />
</svg>
<div>
<p>Credit Card</p>
<p class="text-sm">id: <strong>outline--credit-card</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cube-transparent" />
</svg>
<div>
<p>Cube Transparent</p>
<p class="text-sm">id: <strong>outline--cube-transparent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cube" />
</svg>
<div>
<p>Cube</p>
<p class="text-sm">id: <strong>outline--cube</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-bangladeshi" />
</svg>
<div>
<p>Currency Bangladeshi</p>
<p class="text-sm">id: <strong>outline--currency-bangladeshi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-dollar" />
</svg>
<div>
<p>Currency Dollar</p>
<p class="text-sm">id: <strong>outline--currency-dollar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-euro" />
</svg>
<div>
<p>Currency Euro</p>
<p class="text-sm">id: <strong>outline--currency-euro</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-pound" />
</svg>
<div>
<p>Currency Pound</p>
<p class="text-sm">id: <strong>outline--currency-pound</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-rupee" />
</svg>
<div>
<p>Currency Rupee</p>
<p class="text-sm">id: <strong>outline--currency-rupee</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--currency-yen" />
</svg>
<div>
<p>Currency Yen</p>
<p class="text-sm">id: <strong>outline--currency-yen</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cursor-arrow-rays" />
</svg>
<div>
<p>Cursor Arrow Rays</p>
<p class="text-sm">id: <strong>outline--cursor-arrow-rays</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--cursor-arrow-ripple" />
</svg>
<div>
<p>Cursor Arrow Ripple</p>
<p class="text-sm">id: <strong>outline--cursor-arrow-ripple</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--device-phone-mobile" />
</svg>
<div>
<p>Device Phone Mobile</p>
<p class="text-sm">id: <strong>outline--device-phone-mobile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--device-tablet" />
</svg>
<div>
<p>Device Tablet</p>
<p class="text-sm">id: <strong>outline--device-tablet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-arrow-down" />
</svg>
<div>
<p>Document Arrow Down</p>
<p class="text-sm">id: <strong>outline--document-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-arrow-up" />
</svg>
<div>
<p>Document Arrow Up</p>
<p class="text-sm">id: <strong>outline--document-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-chart-bar" />
</svg>
<div>
<p>Document Chart Bar</p>
<p class="text-sm">id: <strong>outline--document-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-check" />
</svg>
<div>
<p>Document Check</p>
<p class="text-sm">id: <strong>outline--document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-duplicate" />
</svg>
<div>
<p>Document Duplicate</p>
<p class="text-sm">id: <strong>outline--document-duplicate</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-magnifying-glass" />
</svg>
<div>
<p>Document Magnifying Glass</p>
<p class="text-sm">id: <strong>outline--document-magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-minus" />
</svg>
<div>
<p>Document Minus</p>
<p class="text-sm">id: <strong>outline--document-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-plus" />
</svg>
<div>
<p>Document Plus</p>
<p class="text-sm">id: <strong>outline--document-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document-text" />
</svg>
<div>
<p>Document Text</p>
<p class="text-sm">id: <strong>outline--document-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--document" />
</svg>
<div>
<p>Document</p>
<p class="text-sm">id: <strong>outline--document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--ellipsis-horizontal-circle" />
</svg>
<div>
<p>Ellipsis Horizontal Circle</p>
<p class="text-sm">id: <strong>outline--ellipsis-horizontal-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--ellipsis-horizontal" />
</svg>
<div>
<p>Ellipsis Horizontal</p>
<p class="text-sm">id: <strong>outline--ellipsis-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--ellipsis-vertical" />
</svg>
<div>
<p>Ellipsis Vertical</p>
<p class="text-sm">id: <strong>outline--ellipsis-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--envelope-open" />
</svg>
<div>
<p>Envelope Open</p>
<p class="text-sm">id: <strong>outline--envelope-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--envelope" />
</svg>
<div>
<p>Envelope</p>
<p class="text-sm">id: <strong>outline--envelope</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--exclamation-circle" />
</svg>
<div>
<p>Exclamation Circle</p>
<p class="text-sm">id: <strong>outline--exclamation-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--exclamation-triangle" />
</svg>
<div>
<p>Exclamation Triangle</p>
<p class="text-sm">id: <strong>outline--exclamation-triangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--eye-dropper" />
</svg>
<div>
<p>Eye Dropper</p>
<p class="text-sm">id: <strong>outline--eye-dropper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--eye-slash" />
</svg>
<div>
<p>Eye Slash</p>
<p class="text-sm">id: <strong>outline--eye-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--eye" />
</svg>
<div>
<p>Eye</p>
<p class="text-sm">id: <strong>outline--eye</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--face-frown" />
</svg>
<div>
<p>Face Frown</p>
<p class="text-sm">id: <strong>outline--face-frown</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--face-smile" />
</svg>
<div>
<p>Face Smile</p>
<p class="text-sm">id: <strong>outline--face-smile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--facebook" />
</svg>
<div>
<p>Facebook</p>
<p class="text-sm">id: <strong>outline--facebook</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--film" />
</svg>
<div>
<p>Film</p>
<p class="text-sm">id: <strong>outline--film</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--finger-print" />
</svg>
<div>
<p>Finger Print</p>
<p class="text-sm">id: <strong>outline--finger-print</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--fire" />
</svg>
<div>
<p>Fire</p>
<p class="text-sm">id: <strong>outline--fire</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--flag" />
</svg>
<div>
<p>Flag</p>
<p class="text-sm">id: <strong>outline--flag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--folder-arrow-down" />
</svg>
<div>
<p>Folder Arrow Down</p>
<p class="text-sm">id: <strong>outline--folder-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--folder-minus" />
</svg>
<div>
<p>Folder Minus</p>
<p class="text-sm">id: <strong>outline--folder-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--folder-open" />
</svg>
<div>
<p>Folder Open</p>
<p class="text-sm">id: <strong>outline--folder-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--folder-plus" />
</svg>
<div>
<p>Folder Plus</p>
<p class="text-sm">id: <strong>outline--folder-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--folder" />
</svg>
<div>
<p>Folder</p>
<p class="text-sm">id: <strong>outline--folder</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--forward" />
</svg>
<div>
<p>Forward</p>
<p class="text-sm">id: <strong>outline--forward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--funnel" />
</svg>
<div>
<p>Funnel</p>
<p class="text-sm">id: <strong>outline--funnel</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--gif" />
</svg>
<div>
<p>Gif</p>
<p class="text-sm">id: <strong>outline--gif</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--gift-top" />
</svg>
<div>
<p>Gift Top</p>
<p class="text-sm">id: <strong>outline--gift-top</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--gift" />
</svg>
<div>
<p>Gift</p>
<p class="text-sm">id: <strong>outline--gift</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--globe-alt" />
</svg>
<div>
<p>Globe Alt</p>
<p class="text-sm">id: <strong>outline--globe-alt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--globe-americas" />
</svg>
<div>
<p>Globe Americas</p>
<p class="text-sm">id: <strong>outline--globe-americas</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--globe-asia-australia" />
</svg>
<div>
<p>Globe Asia Australia</p>
<p class="text-sm">id: <strong>outline--globe-asia-australia</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--globe-europe-africa" />
</svg>
<div>
<p>Globe Europe Africa</p>
<p class="text-sm">id: <strong>outline--globe-europe-africa</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--hand-raised" />
</svg>
<div>
<p>Hand Raised</p>
<p class="text-sm">id: <strong>outline--hand-raised</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--hand-thumb-down" />
</svg>
<div>
<p>Hand Thumb Down</p>
<p class="text-sm">id: <strong>outline--hand-thumb-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--hand-thumb-up" />
</svg>
<div>
<p>Hand Thumb Up</p>
<p class="text-sm">id: <strong>outline--hand-thumb-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--hashtag" />
</svg>
<div>
<p>Hashtag</p>
<p class="text-sm">id: <strong>outline--hashtag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--heart" />
</svg>
<div>
<p>Heart</p>
<p class="text-sm">id: <strong>outline--heart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--home-modern" />
</svg>
<div>
<p>Home Modern</p>
<p class="text-sm">id: <strong>outline--home-modern</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--home" />
</svg>
<div>
<p>Home</p>
<p class="text-sm">id: <strong>outline--home</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--identification" />
</svg>
<div>
<p>Identification</p>
<p class="text-sm">id: <strong>outline--identification</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--inbox-arrow-down" />
</svg>
<div>
<p>Inbox Arrow Down</p>
<p class="text-sm">id: <strong>outline--inbox-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--inbox-stack" />
</svg>
<div>
<p>Inbox Stack</p>
<p class="text-sm">id: <strong>outline--inbox-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--inbox" />
</svg>
<div>
<p>Inbox</p>
<p class="text-sm">id: <strong>outline--inbox</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--information-circle" />
</svg>
<div>
<p>Information Circle</p>
<p class="text-sm">id: <strong>outline--information-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--instagram" />
</svg>
<div>
<p>Instagram</p>
<p class="text-sm">id: <strong>outline--instagram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--key" />
</svg>
<div>
<p>Key</p>
<p class="text-sm">id: <strong>outline--key</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--language" />
</svg>
<div>
<p>Language</p>
<p class="text-sm">id: <strong>outline--language</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--lifebuoy" />
</svg>
<div>
<p>Lifebuoy</p>
<p class="text-sm">id: <strong>outline--lifebuoy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--light-bulb" />
</svg>
<div>
<p>Light Bulb</p>
<p class="text-sm">id: <strong>outline--light-bulb</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--link" />
</svg>
<div>
<p>Link</p>
<p class="text-sm">id: <strong>outline--link</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--list-bullet" />
</svg>
<div>
<p>List Bullet</p>
<p class="text-sm">id: <strong>outline--list-bullet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--lock-closed" />
</svg>
<div>
<p>Lock Closed</p>
<p class="text-sm">id: <strong>outline--lock-closed</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--lock-open" />
</svg>
<div>
<p>Lock Open</p>
<p class="text-sm">id: <strong>outline--lock-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--magnifying-glass-circle" />
</svg>
<div>
<p>Magnifying Glass Circle</p>
<p class="text-sm">id: <strong>outline--magnifying-glass-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--magnifying-glass-minus" />
</svg>
<div>
<p>Magnifying Glass Minus</p>
<p class="text-sm">id: <strong>outline--magnifying-glass-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--magnifying-glass-plus" />
</svg>
<div>
<p>Magnifying Glass Plus</p>
<p class="text-sm">id: <strong>outline--magnifying-glass-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--magnifying-glass" />
</svg>
<div>
<p>Magnifying Glass</p>
<p class="text-sm">id: <strong>outline--magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--map-pin" />
</svg>
<div>
<p>Map Pin</p>
<p class="text-sm">id: <strong>outline--map-pin</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--map" />
</svg>
<div>
<p>Map</p>
<p class="text-sm">id: <strong>outline--map</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--megaphone" />
</svg>
<div>
<p>Megaphone</p>
<p class="text-sm">id: <strong>outline--megaphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--microphone" />
</svg>
<div>
<p>Microphone</p>
<p class="text-sm">id: <strong>outline--microphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--minus-circle" />
</svg>
<div>
<p>Minus Circle</p>
<p class="text-sm">id: <strong>outline--minus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--minus-small" />
</svg>
<div>
<p>Minus Small</p>
<p class="text-sm">id: <strong>outline--minus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--minus" />
</svg>
<div>
<p>Minus</p>
<p class="text-sm">id: <strong>outline--minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--moon" />
</svg>
<div>
<p>Moon</p>
<p class="text-sm">id: <strong>outline--moon</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--musical-note" />
</svg>
<div>
<p>Musical Note</p>
<p class="text-sm">id: <strong>outline--musical-note</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--newspaper" />
</svg>
<div>
<p>Newspaper</p>
<p class="text-sm">id: <strong>outline--newspaper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--no-symbol" />
</svg>
<div>
<p>No Symbol</p>
<p class="text-sm">id: <strong>outline--no-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--paint-brush" />
</svg>
<div>
<p>Paint Brush</p>
<p class="text-sm">id: <strong>outline--paint-brush</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--paper-airplane" />
</svg>
<div>
<p>Paper Airplane</p>
<p class="text-sm">id: <strong>outline--paper-airplane</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--paper-clip" />
</svg>
<div>
<p>Paper Clip</p>
<p class="text-sm">id: <strong>outline--paper-clip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--pause-circle" />
</svg>
<div>
<p>Pause Circle</p>
<p class="text-sm">id: <strong>outline--pause-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--pause" />
</svg>
<div>
<p>Pause</p>
<p class="text-sm">id: <strong>outline--pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--pencil-square" />
</svg>
<div>
<p>Pencil Square</p>
<p class="text-sm">id: <strong>outline--pencil-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--pencil" />
</svg>
<div>
<p>Pencil</p>
<p class="text-sm">id: <strong>outline--pencil</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--phone-arrow-down-left" />
</svg>
<div>
<p>Phone Arrow Down Left</p>
<p class="text-sm">id: <strong>outline--phone-arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--phone-arrow-up-right" />
</svg>
<div>
<p>Phone Arrow Up Right</p>
<p class="text-sm">id: <strong>outline--phone-arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--phone-x-mark" />
</svg>
<div>
<p>Phone X Mark</p>
<p class="text-sm">id: <strong>outline--phone-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--phone" />
</svg>
<div>
<p>Phone</p>
<p class="text-sm">id: <strong>outline--phone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--photo" />
</svg>
<div>
<p>Photo</p>
<p class="text-sm">id: <strong>outline--photo</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--play-circle" />
</svg>
<div>
<p>Play Circle</p>
<p class="text-sm">id: <strong>outline--play-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--play-pause" />
</svg>
<div>
<p>Play Pause</p>
<p class="text-sm">id: <strong>outline--play-pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--play" />
</svg>
<div>
<p>Play</p>
<p class="text-sm">id: <strong>outline--play</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--plus-circle" />
</svg>
<div>
<p>Plus Circle</p>
<p class="text-sm">id: <strong>outline--plus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--plus-small" />
</svg>
<div>
<p>Plus Small</p>
<p class="text-sm">id: <strong>outline--plus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--plus" />
</svg>
<div>
<p>Plus</p>
<p class="text-sm">id: <strong>outline--plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--power" />
</svg>
<div>
<p>Power</p>
<p class="text-sm">id: <strong>outline--power</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--presentation-chart-bar" />
</svg>
<div>
<p>Presentation Chart Bar</p>
<p class="text-sm">id: <strong>outline--presentation-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--presentation-chart-line" />
</svg>
<div>
<p>Presentation Chart Line</p>
<p class="text-sm">id: <strong>outline--presentation-chart-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--printer" />
</svg>
<div>
<p>Printer</p>
<p class="text-sm">id: <strong>outline--printer</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--puzzle-piece" />
</svg>
<div>
<p>Puzzle Piece</p>
<p class="text-sm">id: <strong>outline--puzzle-piece</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--qr-code" />
</svg>
<div>
<p>Qr Code</p>
<p class="text-sm">id: <strong>outline--qr-code</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--question-mark-circle" />
</svg>
<div>
<p>Question Mark Circle</p>
<p class="text-sm">id: <strong>outline--question-mark-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--queue-list" />
</svg>
<div>
<p>Queue List</p>
<p class="text-sm">id: <strong>outline--queue-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--radio" />
</svg>
<div>
<p>Radio</p>
<p class="text-sm">id: <strong>outline--radio</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--receipt-percent" />
</svg>
<div>
<p>Receipt Percent</p>
<p class="text-sm">id: <strong>outline--receipt-percent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--receipt-refund" />
</svg>
<div>
<p>Receipt Refund</p>
<p class="text-sm">id: <strong>outline--receipt-refund</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--rectangle-group" />
</svg>
<div>
<p>Rectangle Group</p>
<p class="text-sm">id: <strong>outline--rectangle-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--rectangle-stack" />
</svg>
<div>
<p>Rectangle Stack</p>
<p class="text-sm">id: <strong>outline--rectangle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--rocket-launch" />
</svg>
<div>
<p>Rocket Launch</p>
<p class="text-sm">id: <strong>outline--rocket-launch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--rss" />
</svg>
<div>
<p>Rss</p>
<p class="text-sm">id: <strong>outline--rss</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--scale" />
</svg>
<div>
<p>Scale</p>
<p class="text-sm">id: <strong>outline--scale</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--scissors" />
</svg>
<div>
<p>Scissors</p>
<p class="text-sm">id: <strong>outline--scissors</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--server-stack" />
</svg>
<div>
<p>Server Stack</p>
<p class="text-sm">id: <strong>outline--server-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--server" />
</svg>
<div>
<p>Server</p>
<p class="text-sm">id: <strong>outline--server</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--share" />
</svg>
<div>
<p>Share</p>
<p class="text-sm">id: <strong>outline--share</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--shield-check" />
</svg>
<div>
<p>Shield Check</p>
<p class="text-sm">id: <strong>outline--shield-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--shield-exclamation" />
</svg>
<div>
<p>Shield Exclamation</p>
<p class="text-sm">id: <strong>outline--shield-exclamation</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--shopping-bag" />
</svg>
<div>
<p>Shopping Bag</p>
<p class="text-sm">id: <strong>outline--shopping-bag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--shopping-cart" />
</svg>
<div>
<p>Shopping Cart</p>
<p class="text-sm">id: <strong>outline--shopping-cart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--signal-slash" />
</svg>
<div>
<p>Signal Slash</p>
<p class="text-sm">id: <strong>outline--signal-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--signal" />
</svg>
<div>
<p>Signal</p>
<p class="text-sm">id: <strong>outline--signal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--sparkles" />
</svg>
<div>
<p>Sparkles</p>
<p class="text-sm">id: <strong>outline--sparkles</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--speaker-wave" />
</svg>
<div>
<p>Speaker Wave</p>
<p class="text-sm">id: <strong>outline--speaker-wave</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--speaker-x-mark" />
</svg>
<div>
<p>Speaker X Mark</p>
<p class="text-sm">id: <strong>outline--speaker-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--square-2-stack" />
</svg>
<div>
<p>Square 2 Stack</p>
<p class="text-sm">id: <strong>outline--square-2-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--square-3-stack-3d" />
</svg>
<div>
<p>Square 3 Stack 3d</p>
<p class="text-sm">id: <strong>outline--square-3-stack-3d</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--squares-2x2" />
</svg>
<div>
<p>Squares 2x2</p>
<p class="text-sm">id: <strong>outline--squares-2x2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--squares-plus" />
</svg>
<div>
<p>Squares Plus</p>
<p class="text-sm">id: <strong>outline--squares-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--star" />
</svg>
<div>
<p>Star</p>
<p class="text-sm">id: <strong>outline--star</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--stop-circle" />
</svg>
<div>
<p>Stop Circle</p>
<p class="text-sm">id: <strong>outline--stop-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--stop" />
</svg>
<div>
<p>Stop</p>
<p class="text-sm">id: <strong>outline--stop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--sun" />
</svg>
<div>
<p>Sun</p>
<p class="text-sm">id: <strong>outline--sun</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--swatch" />
</svg>
<div>
<p>Swatch</p>
<p class="text-sm">id: <strong>outline--swatch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--table-cells" />
</svg>
<div>
<p>Table Cells</p>
<p class="text-sm">id: <strong>outline--table-cells</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--tag" />
</svg>
<div>
<p>Tag</p>
<p class="text-sm">id: <strong>outline--tag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--telegram" />
</svg>
<div>
<p>Telegram</p>
<p class="text-sm">id: <strong>outline--telegram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--ticket" />
</svg>
<div>
<p>Ticket</p>
<p class="text-sm">id: <strong>outline--ticket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--trash" />
</svg>
<div>
<p>Trash</p>
<p class="text-sm">id: <strong>outline--trash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--trophy" />
</svg>
<div>
<p>Trophy</p>
<p class="text-sm">id: <strong>outline--trophy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--truck" />
</svg>
<div>
<p>Truck</p>
<p class="text-sm">id: <strong>outline--truck</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--tv" />
</svg>
<div>
<p>Tv</p>
<p class="text-sm">id: <strong>outline--tv</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--user-circle" />
</svg>
<div>
<p>User Circle</p>
<p class="text-sm">id: <strong>outline--user-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--user-group" />
</svg>
<div>
<p>User Group</p>
<p class="text-sm">id: <strong>outline--user-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--user-minus" />
</svg>
<div>
<p>User Minus</p>
<p class="text-sm">id: <strong>outline--user-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--user-plus" />
</svg>
<div>
<p>User Plus</p>
<p class="text-sm">id: <strong>outline--user-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--user" />
</svg>
<div>
<p>User</p>
<p class="text-sm">id: <strong>outline--user</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--users" />
</svg>
<div>
<p>Users</p>
<p class="text-sm">id: <strong>outline--users</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--variable" />
</svg>
<div>
<p>Variable</p>
<p class="text-sm">id: <strong>outline--variable</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--video-camera-slash" />
</svg>
<div>
<p>Video Camera Slash</p>
<p class="text-sm">id: <strong>outline--video-camera-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--video-camera" />
</svg>
<div>
<p>Video Camera</p>
<p class="text-sm">id: <strong>outline--video-camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--view-columns" />
</svg>
<div>
<p>View Columns</p>
<p class="text-sm">id: <strong>outline--view-columns</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--viewfinder-circle" />
</svg>
<div>
<p>Viewfinder Circle</p>
<p class="text-sm">id: <strong>outline--viewfinder-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--wallet" />
</svg>
<div>
<p>Wallet</p>
<p class="text-sm">id: <strong>outline--wallet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--wifi" />
</svg>
<div>
<p>Wifi</p>
<p class="text-sm">id: <strong>outline--wifi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--window" />
</svg>
<div>
<p>Window</p>
<p class="text-sm">id: <strong>outline--window</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--wrench-screwdriver" />
</svg>
<div>
<p>Wrench Screwdriver</p>
<p class="text-sm">id: <strong>outline--wrench-screwdriver</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--wrench" />
</svg>
<div>
<p>Wrench</p>
<p class="text-sm">id: <strong>outline--wrench</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--x-circle" />
</svg>
<div>
<p>X Circle</p>
<p class="text-sm">id: <strong>outline--x-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--x-mark" />
</svg>
<div>
<p>X Mark</p>
<p class="text-sm">id: <strong>outline--x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--x" />
</svg>
<div>
<p>X</p>
<p class="text-sm">id: <strong>outline--x</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#outline--youtube" />
</svg>
<div>
<p>Youtube</p>
<p class="text-sm">id: <strong>outline--youtube</strong></p>
</div>
</div>
</div>
</div>
<div class="px-6">
<h2 class="n7-heading-4 font-bold">solid</h2>
<div class="flex gap-6 p-4 flex-wrap">
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--academic-cap" />
</svg>
<div>
<p>Academic Cap</p>
<p class="text-sm">id: <strong>solid--academic-cap</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--adjustments-horizontal" />
</svg>
<div>
<p>Adjustments Horizontal</p>
<p class="text-sm">id: <strong>solid--adjustments-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--adjustments-vertical" />
</svg>
<div>
<p>Adjustments Vertical</p>
<p class="text-sm">id: <strong>solid--adjustments-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--android" />
</svg>
<div>
<p>Android</p>
<p class="text-sm">id: <strong>solid--android</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--apple" />
</svg>
<div>
<p>Apple</p>
<p class="text-sm">id: <strong>solid--apple</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--archive-box-arrow-down" />
</svg>
<div>
<p>Archive Box Arrow Down</p>
<p class="text-sm">id: <strong>solid--archive-box-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--archive-box-x-mark" />
</svg>
<div>
<p>Archive Box X Mark</p>
<p class="text-sm">id: <strong>solid--archive-box-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--archive-box" />
</svg>
<div>
<p>Archive Box</p>
<p class="text-sm">id: <strong>solid--archive-box</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-circle" />
</svg>
<div>
<p>Arrow Down Circle</p>
<p class="text-sm">id: <strong>solid--arrow-down-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-left" />
</svg>
<div>
<p>Arrow Down Left</p>
<p class="text-sm">id: <strong>solid--arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-on-square-stack" />
</svg>
<div>
<p>Arrow Down On Square Stack</p>
<p class="text-sm">id: <strong>solid--arrow-down-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-on-square" />
</svg>
<div>
<p>Arrow Down On Square</p>
<p class="text-sm">id: <strong>solid--arrow-down-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-right" />
</svg>
<div>
<p>Arrow Down Right</p>
<p class="text-sm">id: <strong>solid--arrow-down-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down-tray" />
</svg>
<div>
<p>Arrow Down Tray</p>
<p class="text-sm">id: <strong>solid--arrow-down-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-down" />
</svg>
<div>
<p>Arrow Down</p>
<p class="text-sm">id: <strong>solid--arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-left-circle" />
</svg>
<div>
<p>Arrow Left Circle</p>
<p class="text-sm">id: <strong>solid--arrow-left-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-left-end-on-rectangle" />
</svg>
<div>
<p>Arrow Left End On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-left-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-left-on-rectangle" />
</svg>
<div>
<p>Arrow Left On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-left-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-left-start-on-rectangle" />
</svg>
<div>
<p>Arrow Left Start On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-left-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-left" />
</svg>
<div>
<p>Arrow Left</p>
<p class="text-sm">id: <strong>solid--arrow-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-long-down" />
</svg>
<div>
<p>Arrow Long Down</p>
<p class="text-sm">id: <strong>solid--arrow-long-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-long-left" />
</svg>
<div>
<p>Arrow Long Left</p>
<p class="text-sm">id: <strong>solid--arrow-long-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-long-right" />
</svg>
<div>
<p>Arrow Long Right</p>
<p class="text-sm">id: <strong>solid--arrow-long-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-long-up" />
</svg>
<div>
<p>Arrow Long Up</p>
<p class="text-sm">id: <strong>solid--arrow-long-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-path-rounded-square" />
</svg>
<div>
<p>Arrow Path Rounded Square</p>
<p class="text-sm">id: <strong>solid--arrow-path-rounded-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-path" />
</svg>
<div>
<p>Arrow Path</p>
<p class="text-sm">id: <strong>solid--arrow-path</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-right-circle" />
</svg>
<div>
<p>Arrow Right Circle</p>
<p class="text-sm">id: <strong>solid--arrow-right-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-right-end-on-rectangle" />
</svg>
<div>
<p>Arrow Right End On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-right-end-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-right-on-rectangle" />
</svg>
<div>
<p>Arrow Right On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-right-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-right-start-on-rectangle" />
</svg>
<div>
<p>Arrow Right Start On Rectangle</p>
<p class="text-sm">id: <strong>solid--arrow-right-start-on-rectangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-right" />
</svg>
<div>
<p>Arrow Right</p>
<p class="text-sm">id: <strong>solid--arrow-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-small-down" />
</svg>
<div>
<p>Arrow Small Down</p>
<p class="text-sm">id: <strong>solid--arrow-small-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-small-left" />
</svg>
<div>
<p>Arrow Small Left</p>
<p class="text-sm">id: <strong>solid--arrow-small-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-small-right" />
</svg>
<div>
<p>Arrow Small Right</p>
<p class="text-sm">id: <strong>solid--arrow-small-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-small-up" />
</svg>
<div>
<p>Arrow Small Up</p>
<p class="text-sm">id: <strong>solid--arrow-small-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-top-right-on-square" />
</svg>
<div>
<p>Arrow Top Right On Square</p>
<p class="text-sm">id: <strong>solid--arrow-top-right-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-trending-down" />
</svg>
<div>
<p>Arrow Trending Down</p>
<p class="text-sm">id: <strong>solid--arrow-trending-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-trending-up" />
</svg>
<div>
<p>Arrow Trending Up</p>
<p class="text-sm">id: <strong>solid--arrow-trending-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-circle" />
</svg>
<div>
<p>Arrow Up Circle</p>
<p class="text-sm">id: <strong>solid--arrow-up-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-left" />
</svg>
<div>
<p>Arrow Up Left</p>
<p class="text-sm">id: <strong>solid--arrow-up-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-on-square-stack" />
</svg>
<div>
<p>Arrow Up On Square Stack</p>
<p class="text-sm">id: <strong>solid--arrow-up-on-square-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-on-square" />
</svg>
<div>
<p>Arrow Up On Square</p>
<p class="text-sm">id: <strong>solid--arrow-up-on-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-right" />
</svg>
<div>
<p>Arrow Up Right</p>
<p class="text-sm">id: <strong>solid--arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up-tray" />
</svg>
<div>
<p>Arrow Up Tray</p>
<p class="text-sm">id: <strong>solid--arrow-up-tray</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-up" />
</svg>
<div>
<p>Arrow Up</p>
<p class="text-sm">id: <strong>solid--arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-uturn-down" />
</svg>
<div>
<p>Arrow Uturn Down</p>
<p class="text-sm">id: <strong>solid--arrow-uturn-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-uturn-left" />
</svg>
<div>
<p>Arrow Uturn Left</p>
<p class="text-sm">id: <strong>solid--arrow-uturn-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-uturn-right" />
</svg>
<div>
<p>Arrow Uturn Right</p>
<p class="text-sm">id: <strong>solid--arrow-uturn-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrow-uturn-up" />
</svg>
<div>
<p>Arrow Uturn Up</p>
<p class="text-sm">id: <strong>solid--arrow-uturn-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrows-pointing-in" />
</svg>
<div>
<p>Arrows Pointing In</p>
<p class="text-sm">id: <strong>solid--arrows-pointing-in</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrows-pointing-out" />
</svg>
<div>
<p>Arrows Pointing Out</p>
<p class="text-sm">id: <strong>solid--arrows-pointing-out</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrows-right-left" />
</svg>
<div>
<p>Arrows Right Left</p>
<p class="text-sm">id: <strong>solid--arrows-right-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--arrows-up-down" />
</svg>
<div>
<p>Arrows Up Down</p>
<p class="text-sm">id: <strong>solid--arrows-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--at-symbol" />
</svg>
<div>
<p>At Symbol</p>
<p class="text-sm">id: <strong>solid--at-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--backspace" />
</svg>
<div>
<p>Backspace</p>
<p class="text-sm">id: <strong>solid--backspace</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--backward" />
</svg>
<div>
<p>Backward</p>
<p class="text-sm">id: <strong>solid--backward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--banknotes" />
</svg>
<div>
<p>Banknotes</p>
<p class="text-sm">id: <strong>solid--banknotes</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-2" />
</svg>
<div>
<p>Bars 2</p>
<p class="text-sm">id: <strong>solid--bars-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-3-bottom-left" />
</svg>
<div>
<p>Bars 3 Bottom Left</p>
<p class="text-sm">id: <strong>solid--bars-3-bottom-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-3-bottom-right" />
</svg>
<div>
<p>Bars 3 Bottom Right</p>
<p class="text-sm">id: <strong>solid--bars-3-bottom-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-3-center-left" />
</svg>
<div>
<p>Bars 3 Center Left</p>
<p class="text-sm">id: <strong>solid--bars-3-center-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-3" />
</svg>
<div>
<p>Bars 3</p>
<p class="text-sm">id: <strong>solid--bars-3</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-4" />
</svg>
<div>
<p>Bars 4</p>
<p class="text-sm">id: <strong>solid--bars-4</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-arrow-down" />
</svg>
<div>
<p>Bars Arrow Down</p>
<p class="text-sm">id: <strong>solid--bars-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bars-arrow-up" />
</svg>
<div>
<p>Bars Arrow Up</p>
<p class="text-sm">id: <strong>solid--bars-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--battery-0" />
</svg>
<div>
<p>Battery 0</p>
<p class="text-sm">id: <strong>solid--battery-0</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--battery-100" />
</svg>
<div>
<p>Battery 100</p>
<p class="text-sm">id: <strong>solid--battery-100</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--battery-50" />
</svg>
<div>
<p>Battery 50</p>
<p class="text-sm">id: <strong>solid--battery-50</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--beaker" />
</svg>
<div>
<p>Beaker</p>
<p class="text-sm">id: <strong>solid--beaker</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--behance" />
</svg>
<div>
<p>Behance</p>
<p class="text-sm">id: <strong>solid--behance</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bell-alert" />
</svg>
<div>
<p>Bell Alert</p>
<p class="text-sm">id: <strong>solid--bell-alert</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bell-slash" />
</svg>
<div>
<p>Bell Slash</p>
<p class="text-sm">id: <strong>solid--bell-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bell-snooze" />
</svg>
<div>
<p>Bell Snooze</p>
<p class="text-sm">id: <strong>solid--bell-snooze</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bell" />
</svg>
<div>
<p>Bell</p>
<p class="text-sm">id: <strong>solid--bell</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bolt-slash" />
</svg>
<div>
<p>Bolt Slash</p>
<p class="text-sm">id: <strong>solid--bolt-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bolt" />
</svg>
<div>
<p>Bolt</p>
<p class="text-sm">id: <strong>solid--bolt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--book-open" />
</svg>
<div>
<p>Book Open</p>
<p class="text-sm">id: <strong>solid--book-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bookmark-slash" />
</svg>
<div>
<p>Bookmark Slash</p>
<p class="text-sm">id: <strong>solid--bookmark-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bookmark-square" />
</svg>
<div>
<p>Bookmark Square</p>
<p class="text-sm">id: <strong>solid--bookmark-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bookmark" />
</svg>
<div>
<p>Bookmark</p>
<p class="text-sm">id: <strong>solid--bookmark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--briefcase" />
</svg>
<div>
<p>Briefcase</p>
<p class="text-sm">id: <strong>solid--briefcase</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--bug-ant" />
</svg>
<div>
<p>Bug Ant</p>
<p class="text-sm">id: <strong>solid--bug-ant</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--building-library" />
</svg>
<div>
<p>Building Library</p>
<p class="text-sm">id: <strong>solid--building-library</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--building-office-2" />
</svg>
<div>
<p>Building Office 2</p>
<p class="text-sm">id: <strong>solid--building-office-2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--building-office" />
</svg>
<div>
<p>Building Office</p>
<p class="text-sm">id: <strong>solid--building-office</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--building-storefront" />
</svg>
<div>
<p>Building Storefront</p>
<p class="text-sm">id: <strong>solid--building-storefront</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cake" />
</svg>
<div>
<p>Cake</p>
<p class="text-sm">id: <strong>solid--cake</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--calculator" />
</svg>
<div>
<p>Calculator</p>
<p class="text-sm">id: <strong>solid--calculator</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--calendar-days" />
</svg>
<div>
<p>Calendar Days</p>
<p class="text-sm">id: <strong>solid--calendar-days</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--calendar" />
</svg>
<div>
<p>Calendar</p>
<p class="text-sm">id: <strong>solid--calendar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--camera" />
</svg>
<div>
<p>Camera</p>
<p class="text-sm">id: <strong>solid--camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chart-bar-square" />
</svg>
<div>
<p>Chart Bar Square</p>
<p class="text-sm">id: <strong>solid--chart-bar-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chart-bar" />
</svg>
<div>
<p>Chart Bar</p>
<p class="text-sm">id: <strong>solid--chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chart-pie" />
</svg>
<div>
<p>Chart Pie</p>
<p class="text-sm">id: <strong>solid--chart-pie</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-bottom-center-text" />
</svg>
<div>
<p>Chat Bubble Bottom Center Text</p>
<p class="text-sm">id: <strong>solid--chat-bubble-bottom-center-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-bottom-center" />
</svg>
<div>
<p>Chat Bubble Bottom Center</p>
<p class="text-sm">id: <strong>solid--chat-bubble-bottom-center</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Left Ellipsis</p>
<p class="text-sm">id: <strong>solid--chat-bubble-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-left-right" />
</svg>
<div>
<p>Chat Bubble Left Right</p>
<p class="text-sm">id: <strong>solid--chat-bubble-left-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-left" />
</svg>
<div>
<p>Chat Bubble Left</p>
<p class="text-sm">id: <strong>solid--chat-bubble-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-oval-left-ellipsis" />
</svg>
<div>
<p>Chat Bubble Oval Left Ellipsis</p>
<p class="text-sm">id: <strong>solid--chat-bubble-oval-left-ellipsis</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chat-bubble-oval-left" />
</svg>
<div>
<p>Chat Bubble Oval Left</p>
<p class="text-sm">id: <strong>solid--chat-bubble-oval-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--check-badge" />
</svg>
<div>
<p>Check Badge</p>
<p class="text-sm">id: <strong>solid--check-badge</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--check-circle" />
</svg>
<div>
<p>Check Circle</p>
<p class="text-sm">id: <strong>solid--check-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--check" />
</svg>
<div>
<p>Check</p>
<p class="text-sm">id: <strong>solid--check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-double-down" />
</svg>
<div>
<p>Chevron Double Down</p>
<p class="text-sm">id: <strong>solid--chevron-double-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-double-left" />
</svg>
<div>
<p>Chevron Double Left</p>
<p class="text-sm">id: <strong>solid--chevron-double-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-double-right" />
</svg>
<div>
<p>Chevron Double Right</p>
<p class="text-sm">id: <strong>solid--chevron-double-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-double-up" />
</svg>
<div>
<p>Chevron Double Up</p>
<p class="text-sm">id: <strong>solid--chevron-double-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-down" />
</svg>
<div>
<p>Chevron Down</p>
<p class="text-sm">id: <strong>solid--chevron-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-left" />
</svg>
<div>
<p>Chevron Left</p>
<p class="text-sm">id: <strong>solid--chevron-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-right" />
</svg>
<div>
<p>Chevron Right</p>
<p class="text-sm">id: <strong>solid--chevron-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-up-down" />
</svg>
<div>
<p>Chevron Up Down</p>
<p class="text-sm">id: <strong>solid--chevron-up-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--chevron-up" />
</svg>
<div>
<p>Chevron Up</p>
<p class="text-sm">id: <strong>solid--chevron-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--circle-stack" />
</svg>
<div>
<p>Circle Stack</p>
<p class="text-sm">id: <strong>solid--circle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--circle" />
</svg>
<div>
<p>Circle</p>
<p class="text-sm">id: <strong>solid--circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--clipboard-document-check" />
</svg>
<div>
<p>Clipboard Document Check</p>
<p class="text-sm">id: <strong>solid--clipboard-document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--clipboard-document-list" />
</svg>
<div>
<p>Clipboard Document List</p>
<p class="text-sm">id: <strong>solid--clipboard-document-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--clipboard-document" />
</svg>
<div>
<p>Clipboard Document</p>
<p class="text-sm">id: <strong>solid--clipboard-document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--clipboard" />
</svg>
<div>
<p>Clipboard</p>
<p class="text-sm">id: <strong>solid--clipboard</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--clock" />
</svg>
<div>
<p>Clock</p>
<p class="text-sm">id: <strong>solid--clock</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--close" />
</svg>
<div>
<p>Close</p>
<p class="text-sm">id: <strong>solid--close</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cloud-arrow-down" />
</svg>
<div>
<p>Cloud Arrow Down</p>
<p class="text-sm">id: <strong>solid--cloud-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cloud-arrow-up" />
</svg>
<div>
<p>Cloud Arrow Up</p>
<p class="text-sm">id: <strong>solid--cloud-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cloud" />
</svg>
<div>
<p>Cloud</p>
<p class="text-sm">id: <strong>solid--cloud</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--code-bracket-square" />
</svg>
<div>
<p>Code Bracket Square</p>
<p class="text-sm">id: <strong>solid--code-bracket-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--code-bracket" />
</svg>
<div>
<p>Code Bracket</p>
<p class="text-sm">id: <strong>solid--code-bracket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cog-6-tooth" />
</svg>
<div>
<p>Cog 6 Tooth</p>
<p class="text-sm">id: <strong>solid--cog-6-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cog-8-tooth" />
</svg>
<div>
<p>Cog 8 Tooth</p>
<p class="text-sm">id: <strong>solid--cog-8-tooth</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cog" />
</svg>
<div>
<p>Cog</p>
<p class="text-sm">id: <strong>solid--cog</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--command-line" />
</svg>
<div>
<p>Command Line</p>
<p class="text-sm">id: <strong>solid--command-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--computer-desktop" />
</svg>
<div>
<p>Computer Desktop</p>
<p class="text-sm">id: <strong>solid--computer-desktop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cpu-chip" />
</svg>
<div>
<p>Cpu Chip</p>
<p class="text-sm">id: <strong>solid--cpu-chip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--credit-card" />
</svg>
<div>
<p>Credit Card</p>
<p class="text-sm">id: <strong>solid--credit-card</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cube-transparent" />
</svg>
<div>
<p>Cube Transparent</p>
<p class="text-sm">id: <strong>solid--cube-transparent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cube" />
</svg>
<div>
<p>Cube</p>
<p class="text-sm">id: <strong>solid--cube</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-bangladeshi" />
</svg>
<div>
<p>Currency Bangladeshi</p>
<p class="text-sm">id: <strong>solid--currency-bangladeshi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-dollar" />
</svg>
<div>
<p>Currency Dollar</p>
<p class="text-sm">id: <strong>solid--currency-dollar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-euro" />
</svg>
<div>
<p>Currency Euro</p>
<p class="text-sm">id: <strong>solid--currency-euro</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-pound" />
</svg>
<div>
<p>Currency Pound</p>
<p class="text-sm">id: <strong>solid--currency-pound</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-rupee" />
</svg>
<div>
<p>Currency Rupee</p>
<p class="text-sm">id: <strong>solid--currency-rupee</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--currency-yen" />
</svg>
<div>
<p>Currency Yen</p>
<p class="text-sm">id: <strong>solid--currency-yen</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cursor-arrow-rays" />
</svg>
<div>
<p>Cursor Arrow Rays</p>
<p class="text-sm">id: <strong>solid--cursor-arrow-rays</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--cursor-arrow-ripple" />
</svg>
<div>
<p>Cursor Arrow Ripple</p>
<p class="text-sm">id: <strong>solid--cursor-arrow-ripple</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--device-phone-mobile" />
</svg>
<div>
<p>Device Phone Mobile</p>
<p class="text-sm">id: <strong>solid--device-phone-mobile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--device-tablet" />
</svg>
<div>
<p>Device Tablet</p>
<p class="text-sm">id: <strong>solid--device-tablet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--discord" />
</svg>
<div>
<p>Discord</p>
<p class="text-sm">id: <strong>solid--discord</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-arrow-down" />
</svg>
<div>
<p>Document Arrow Down</p>
<p class="text-sm">id: <strong>solid--document-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-arrow-up" />
</svg>
<div>
<p>Document Arrow Up</p>
<p class="text-sm">id: <strong>solid--document-arrow-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-chart-bar" />
</svg>
<div>
<p>Document Chart Bar</p>
<p class="text-sm">id: <strong>solid--document-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-check" />
</svg>
<div>
<p>Document Check</p>
<p class="text-sm">id: <strong>solid--document-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-duplicate" />
</svg>
<div>
<p>Document Duplicate</p>
<p class="text-sm">id: <strong>solid--document-duplicate</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-magnifying-glass" />
</svg>
<div>
<p>Document Magnifying Glass</p>
<p class="text-sm">id: <strong>solid--document-magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-minus" />
</svg>
<div>
<p>Document Minus</p>
<p class="text-sm">id: <strong>solid--document-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-plus" />
</svg>
<div>
<p>Document Plus</p>
<p class="text-sm">id: <strong>solid--document-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document-text" />
</svg>
<div>
<p>Document Text</p>
<p class="text-sm">id: <strong>solid--document-text</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--document" />
</svg>
<div>
<p>Document</p>
<p class="text-sm">id: <strong>solid--document</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--dribbble" />
</svg>
<div>
<p>Dribbble</p>
<p class="text-sm">id: <strong>solid--dribbble</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--ellipsis-horizontal-circle" />
</svg>
<div>
<p>Ellipsis Horizontal Circle</p>
<p class="text-sm">id: <strong>solid--ellipsis-horizontal-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--ellipsis-horizontal" />
</svg>
<div>
<p>Ellipsis Horizontal</p>
<p class="text-sm">id: <strong>solid--ellipsis-horizontal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--ellipsis-vertical" />
</svg>
<div>
<p>Ellipsis Vertical</p>
<p class="text-sm">id: <strong>solid--ellipsis-vertical</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--envelope-open" />
</svg>
<div>
<p>Envelope Open</p>
<p class="text-sm">id: <strong>solid--envelope-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--envelope" />
</svg>
<div>
<p>Envelope</p>
<p class="text-sm">id: <strong>solid--envelope</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--exclamation-circle" />
</svg>
<div>
<p>Exclamation Circle</p>
<p class="text-sm">id: <strong>solid--exclamation-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--exclamation-triangle" />
</svg>
<div>
<p>Exclamation Triangle</p>
<p class="text-sm">id: <strong>solid--exclamation-triangle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--eye-dropper" />
</svg>
<div>
<p>Eye Dropper</p>
<p class="text-sm">id: <strong>solid--eye-dropper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--eye-slash" />
</svg>
<div>
<p>Eye Slash</p>
<p class="text-sm">id: <strong>solid--eye-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--eye" />
</svg>
<div>
<p>Eye</p>
<p class="text-sm">id: <strong>solid--eye</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--face-frown" />
</svg>
<div>
<p>Face Frown</p>
<p class="text-sm">id: <strong>solid--face-frown</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--face-smile" />
</svg>
<div>
<p>Face Smile</p>
<p class="text-sm">id: <strong>solid--face-smile</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--facebook-1" />
</svg>
<div>
<p>Facebook 1</p>
<p class="text-sm">id: <strong>solid--facebook-1</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--facebook" />
</svg>
<div>
<p>Facebook</p>
<p class="text-sm">id: <strong>solid--facebook</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--figma" />
</svg>
<div>
<p>Figma</p>
<p class="text-sm">id: <strong>solid--figma</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--film" />
</svg>
<div>
<p>Film</p>
<p class="text-sm">id: <strong>solid--film</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--finger-print" />
</svg>
<div>
<p>Finger Print</p>
<p class="text-sm">id: <strong>solid--finger-print</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--fire" />
</svg>
<div>
<p>Fire</p>
<p class="text-sm">id: <strong>solid--fire</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--flag" />
</svg>
<div>
<p>Flag</p>
<p class="text-sm">id: <strong>solid--flag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--folder-arrow-down" />
</svg>
<div>
<p>Folder Arrow Down</p>
<p class="text-sm">id: <strong>solid--folder-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--folder-minus" />
</svg>
<div>
<p>Folder Minus</p>
<p class="text-sm">id: <strong>solid--folder-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--folder-open" />
</svg>
<div>
<p>Folder Open</p>
<p class="text-sm">id: <strong>solid--folder-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--folder-plus" />
</svg>
<div>
<p>Folder Plus</p>
<p class="text-sm">id: <strong>solid--folder-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--folder" />
</svg>
<div>
<p>Folder</p>
<p class="text-sm">id: <strong>solid--folder</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--forward" />
</svg>
<div>
<p>Forward</p>
<p class="text-sm">id: <strong>solid--forward</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--framer" />
</svg>
<div>
<p>Framer</p>
<p class="text-sm">id: <strong>solid--framer</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--funnel" />
</svg>
<div>
<p>Funnel</p>
<p class="text-sm">id: <strong>solid--funnel</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--gif" />
</svg>
<div>
<p>Gif</p>
<p class="text-sm">id: <strong>solid--gif</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--gift-top" />
</svg>
<div>
<p>Gift Top</p>
<p class="text-sm">id: <strong>solid--gift-top</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--gift" />
</svg>
<div>
<p>Gift</p>
<p class="text-sm">id: <strong>solid--gift</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--github" />
</svg>
<div>
<p>Github</p>
<p class="text-sm">id: <strong>solid--github</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--globe-alt" />
</svg>
<div>
<p>Globe Alt</p>
<p class="text-sm">id: <strong>solid--globe-alt</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--globe-americas" />
</svg>
<div>
<p>Globe Americas</p>
<p class="text-sm">id: <strong>solid--globe-americas</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--globe-asia-australia" />
</svg>
<div>
<p>Globe Asia Australia</p>
<p class="text-sm">id: <strong>solid--globe-asia-australia</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--globe-europe-africa" />
</svg>
<div>
<p>Globe Europe Africa</p>
<p class="text-sm">id: <strong>solid--globe-europe-africa</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--google" />
</svg>
<div>
<p>Google</p>
<p class="text-sm">id: <strong>solid--google</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--hand-raised" />
</svg>
<div>
<p>Hand Raised</p>
<p class="text-sm">id: <strong>solid--hand-raised</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--hand-thumb-down" />
</svg>
<div>
<p>Hand Thumb Down</p>
<p class="text-sm">id: <strong>solid--hand-thumb-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--hand-thumb-up" />
</svg>
<div>
<p>Hand Thumb Up</p>
<p class="text-sm">id: <strong>solid--hand-thumb-up</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--hashtag" />
</svg>
<div>
<p>Hashtag</p>
<p class="text-sm">id: <strong>solid--hashtag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--heart" />
</svg>
<div>
<p>Heart</p>
<p class="text-sm">id: <strong>solid--heart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--home-modern" />
</svg>
<div>
<p>Home Modern</p>
<p class="text-sm">id: <strong>solid--home-modern</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--home" />
</svg>
<div>
<p>Home</p>
<p class="text-sm">id: <strong>solid--home</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--identification" />
</svg>
<div>
<p>Identification</p>
<p class="text-sm">id: <strong>solid--identification</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--inbox-arrow-down" />
</svg>
<div>
<p>Inbox Arrow Down</p>
<p class="text-sm">id: <strong>solid--inbox-arrow-down</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--inbox-stack" />
</svg>
<div>
<p>Inbox Stack</p>
<p class="text-sm">id: <strong>solid--inbox-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--inbox" />
</svg>
<div>
<p>Inbox</p>
<p class="text-sm">id: <strong>solid--inbox</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--information-circle" />
</svg>
<div>
<p>Information Circle</p>
<p class="text-sm">id: <strong>solid--information-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--instagram" />
</svg>
<div>
<p>Instagram</p>
<p class="text-sm">id: <strong>solid--instagram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--key" />
</svg>
<div>
<p>Key</p>
<p class="text-sm">id: <strong>solid--key</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--language" />
</svg>
<div>
<p>Language</p>
<p class="text-sm">id: <strong>solid--language</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--lifebuoy" />
</svg>
<div>
<p>Lifebuoy</p>
<p class="text-sm">id: <strong>solid--lifebuoy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--light-bulb" />
</svg>
<div>
<p>Light Bulb</p>
<p class="text-sm">id: <strong>solid--light-bulb</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--link" />
</svg>
<div>
<p>Link</p>
<p class="text-sm">id: <strong>solid--link</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--linkedin" />
</svg>
<div>
<p>Linkedin</p>
<p class="text-sm">id: <strong>solid--linkedin</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--list-bullet" />
</svg>
<div>
<p>List Bullet</p>
<p class="text-sm">id: <strong>solid--list-bullet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--lock-closed" />
</svg>
<div>
<p>Lock Closed</p>
<p class="text-sm">id: <strong>solid--lock-closed</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--lock-open" />
</svg>
<div>
<p>Lock Open</p>
<p class="text-sm">id: <strong>solid--lock-open</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--magnifying-glass-circle" />
</svg>
<div>
<p>Magnifying Glass Circle</p>
<p class="text-sm">id: <strong>solid--magnifying-glass-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--magnifying-glass-minus" />
</svg>
<div>
<p>Magnifying Glass Minus</p>
<p class="text-sm">id: <strong>solid--magnifying-glass-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--magnifying-glass-plus" />
</svg>
<div>
<p>Magnifying Glass Plus</p>
<p class="text-sm">id: <strong>solid--magnifying-glass-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--magnifying-glass" />
</svg>
<div>
<p>Magnifying Glass</p>
<p class="text-sm">id: <strong>solid--magnifying-glass</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map-pin" />
</svg>
<div>
<p>Map Pin</p>
<p class="text-sm">id: <strong>solid--map-pin</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--map" />
</svg>
<div>
<p>Map</p>
<p class="text-sm">id: <strong>solid--map</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--megaphone" />
</svg>
<div>
<p>Megaphone</p>
<p class="text-sm">id: <strong>solid--megaphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--menu" />
</svg>
<div>
<p>Menu</p>
<p class="text-sm">id: <strong>solid--menu</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--messenger" />
</svg>
<div>
<p>Messenger</p>
<p class="text-sm">id: <strong>solid--messenger</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--microphone" />
</svg>
<div>
<p>Microphone</p>
<p class="text-sm">id: <strong>solid--microphone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--minus-circle" />
</svg>
<div>
<p>Minus Circle</p>
<p class="text-sm">id: <strong>solid--minus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--minus-small" />
</svg>
<div>
<p>Minus Small</p>
<p class="text-sm">id: <strong>solid--minus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--minus" />
</svg>
<div>
<p>Minus</p>
<p class="text-sm">id: <strong>solid--minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--moon" />
</svg>
<div>
<p>Moon</p>
<p class="text-sm">id: <strong>solid--moon</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--musical-note" />
</svg>
<div>
<p>Musical Note</p>
<p class="text-sm">id: <strong>solid--musical-note</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--newspaper" />
</svg>
<div>
<p>Newspaper</p>
<p class="text-sm">id: <strong>solid--newspaper</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--no-symbol" />
</svg>
<div>
<p>No Symbol</p>
<p class="text-sm">id: <strong>solid--no-symbol</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--paint-brush" />
</svg>
<div>
<p>Paint Brush</p>
<p class="text-sm">id: <strong>solid--paint-brush</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--paper-airplane" />
</svg>
<div>
<p>Paper Airplane</p>
<p class="text-sm">id: <strong>solid--paper-airplane</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--paper-clip" />
</svg>
<div>
<p>Paper Clip</p>
<p class="text-sm">id: <strong>solid--paper-clip</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--pause-circle" />
</svg>
<div>
<p>Pause Circle</p>
<p class="text-sm">id: <strong>solid--pause-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--pause" />
</svg>
<div>
<p>Pause</p>
<p class="text-sm">id: <strong>solid--pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--pencil-square" />
</svg>
<div>
<p>Pencil Square</p>
<p class="text-sm">id: <strong>solid--pencil-square</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--pencil" />
</svg>
<div>
<p>Pencil</p>
<p class="text-sm">id: <strong>solid--pencil</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--phone-arrow-down-left" />
</svg>
<div>
<p>Phone Arrow Down Left</p>
<p class="text-sm">id: <strong>solid--phone-arrow-down-left</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--phone-arrow-up-right" />
</svg>
<div>
<p>Phone Arrow Up Right</p>
<p class="text-sm">id: <strong>solid--phone-arrow-up-right</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--phone-x-mark" />
</svg>
<div>
<p>Phone X Mark</p>
<p class="text-sm">id: <strong>solid--phone-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--phone" />
</svg>
<div>
<p>Phone</p>
<p class="text-sm">id: <strong>solid--phone</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--photo" />
</svg>
<div>
<p>Photo</p>
<p class="text-sm">id: <strong>solid--photo</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--play-circle" />
</svg>
<div>
<p>Play Circle</p>
<p class="text-sm">id: <strong>solid--play-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--play-pause" />
</svg>
<div>
<p>Play Pause</p>
<p class="text-sm">id: <strong>solid--play-pause</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--play" />
</svg>
<div>
<p>Play</p>
<p class="text-sm">id: <strong>solid--play</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--plus-circle" />
</svg>
<div>
<p>Plus Circle</p>
<p class="text-sm">id: <strong>solid--plus-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--plus-small" />
</svg>
<div>
<p>Plus Small</p>
<p class="text-sm">id: <strong>solid--plus-small</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--plus" />
</svg>
<div>
<p>Plus</p>
<p class="text-sm">id: <strong>solid--plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--power" />
</svg>
<div>
<p>Power</p>
<p class="text-sm">id: <strong>solid--power</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--presentation-chart-bar" />
</svg>
<div>
<p>Presentation Chart Bar</p>
<p class="text-sm">id: <strong>solid--presentation-chart-bar</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--presentation-chart-line" />
</svg>
<div>
<p>Presentation Chart Line</p>
<p class="text-sm">id: <strong>solid--presentation-chart-line</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--printer" />
</svg>
<div>
<p>Printer</p>
<p class="text-sm">id: <strong>solid--printer</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--puzzle-piece" />
</svg>
<div>
<p>Puzzle Piece</p>
<p class="text-sm">id: <strong>solid--puzzle-piece</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--qr-code" />
</svg>
<div>
<p>Qr Code</p>
<p class="text-sm">id: <strong>solid--qr-code</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--question-mark-circle" />
</svg>
<div>
<p>Question Mark Circle</p>
<p class="text-sm">id: <strong>solid--question-mark-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--queue-list" />
</svg>
<div>
<p>Queue List</p>
<p class="text-sm">id: <strong>solid--queue-list</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--radio" />
</svg>
<div>
<p>Radio</p>
<p class="text-sm">id: <strong>solid--radio</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--receipt-percent" />
</svg>
<div>
<p>Receipt Percent</p>
<p class="text-sm">id: <strong>solid--receipt-percent</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--receipt-refund" />
</svg>
<div>
<p>Receipt Refund</p>
<p class="text-sm">id: <strong>solid--receipt-refund</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--rectangle-group" />
</svg>
<div>
<p>Rectangle Group</p>
<p class="text-sm">id: <strong>solid--rectangle-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--rectangle-stack" />
</svg>
<div>
<p>Rectangle Stack</p>
<p class="text-sm">id: <strong>solid--rectangle-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--rocket-launch" />
</svg>
<div>
<p>Rocket Launch</p>
<p class="text-sm">id: <strong>solid--rocket-launch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--rss" />
</svg>
<div>
<p>Rss</p>
<p class="text-sm">id: <strong>solid--rss</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--scale" />
</svg>
<div>
<p>Scale</p>
<p class="text-sm">id: <strong>solid--scale</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--scissors" />
</svg>
<div>
<p>Scissors</p>
<p class="text-sm">id: <strong>solid--scissors</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--server-stack" />
</svg>
<div>
<p>Server Stack</p>
<p class="text-sm">id: <strong>solid--server-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--server" />
</svg>
<div>
<p>Server</p>
<p class="text-sm">id: <strong>solid--server</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--share" />
</svg>
<div>
<p>Share</p>
<p class="text-sm">id: <strong>solid--share</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--shield-check" />
</svg>
<div>
<p>Shield Check</p>
<p class="text-sm">id: <strong>solid--shield-check</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--shield-exclamation" />
</svg>
<div>
<p>Shield Exclamation</p>
<p class="text-sm">id: <strong>solid--shield-exclamation</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--shopping-bag" />
</svg>
<div>
<p>Shopping Bag</p>
<p class="text-sm">id: <strong>solid--shopping-bag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--shopping-cart" />
</svg>
<div>
<p>Shopping Cart</p>
<p class="text-sm">id: <strong>solid--shopping-cart</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--signal-slash" />
</svg>
<div>
<p>Signal Slash</p>
<p class="text-sm">id: <strong>solid--signal-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--signal" />
</svg>
<div>
<p>Signal</p>
<p class="text-sm">id: <strong>solid--signal</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--slack" />
</svg>
<div>
<p>Slack</p>
<p class="text-sm">id: <strong>solid--slack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--snapchat" />
</svg>
<div>
<p>Snapchat</p>
<p class="text-sm">id: <strong>solid--snapchat</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--sparkles" />
</svg>
<div>
<p>Sparkles</p>
<p class="text-sm">id: <strong>solid--sparkles</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--speaker-wave" />
</svg>
<div>
<p>Speaker Wave</p>
<p class="text-sm">id: <strong>solid--speaker-wave</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--speaker-x-mark" />
</svg>
<div>
<p>Speaker X Mark</p>
<p class="text-sm">id: <strong>solid--speaker-x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--square-2-stack" />
</svg>
<div>
<p>Square 2 Stack</p>
<p class="text-sm">id: <strong>solid--square-2-stack</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--square-3-stack-3d" />
</svg>
<div>
<p>Square 3 Stack 3d</p>
<p class="text-sm">id: <strong>solid--square-3-stack-3d</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--squares-2x2" />
</svg>
<div>
<p>Squares 2x2</p>
<p class="text-sm">id: <strong>solid--squares-2x2</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--squares-plus" />
</svg>
<div>
<p>Squares Plus</p>
<p class="text-sm">id: <strong>solid--squares-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--star" />
</svg>
<div>
<p>Star</p>
<p class="text-sm">id: <strong>solid--star</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--stop-circle" />
</svg>
<div>
<p>Stop Circle</p>
<p class="text-sm">id: <strong>solid--stop-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--stop" />
</svg>
<div>
<p>Stop</p>
<p class="text-sm">id: <strong>solid--stop</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--sun" />
</svg>
<div>
<p>Sun</p>
<p class="text-sm">id: <strong>solid--sun</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--swatch" />
</svg>
<div>
<p>Swatch</p>
<p class="text-sm">id: <strong>solid--swatch</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--table-cells" />
</svg>
<div>
<p>Table Cells</p>
<p class="text-sm">id: <strong>solid--table-cells</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--tag" />
</svg>
<div>
<p>Tag</p>
<p class="text-sm">id: <strong>solid--tag</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--telegram" />
</svg>
<div>
<p>Telegram</p>
<p class="text-sm">id: <strong>solid--telegram</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--threads" />
</svg>
<div>
<p>Threads</p>
<p class="text-sm">id: <strong>solid--threads</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--ticket" />
</svg>
<div>
<p>Ticket</p>
<p class="text-sm">id: <strong>solid--ticket</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--tik-tok" />
</svg>
<div>
<p>Tik Tok</p>
<p class="text-sm">id: <strong>solid--tik-tok</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--trash" />
</svg>
<div>
<p>Trash</p>
<p class="text-sm">id: <strong>solid--trash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--trophy" />
</svg>
<div>
<p>Trophy</p>
<p class="text-sm">id: <strong>solid--trophy</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--truck" />
</svg>
<div>
<p>Truck</p>
<p class="text-sm">id: <strong>solid--truck</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--tv" />
</svg>
<div>
<p>Tv</p>
<p class="text-sm">id: <strong>solid--tv</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--twitter" />
</svg>
<div>
<p>Twitter</p>
<p class="text-sm">id: <strong>solid--twitter</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--user-circle" />
</svg>
<div>
<p>User Circle</p>
<p class="text-sm">id: <strong>solid--user-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--user-group" />
</svg>
<div>
<p>User Group</p>
<p class="text-sm">id: <strong>solid--user-group</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--user-minus" />
</svg>
<div>
<p>User Minus</p>
<p class="text-sm">id: <strong>solid--user-minus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--user-plus" />
</svg>
<div>
<p>User Plus</p>
<p class="text-sm">id: <strong>solid--user-plus</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--user" />
</svg>
<div>
<p>User</p>
<p class="text-sm">id: <strong>solid--user</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--users" />
</svg>
<div>
<p>Users</p>
<p class="text-sm">id: <strong>solid--users</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--variable" />
</svg>
<div>
<p>Variable</p>
<p class="text-sm">id: <strong>solid--variable</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--video-camera-slash" />
</svg>
<div>
<p>Video Camera Slash</p>
<p class="text-sm">id: <strong>solid--video-camera-slash</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--video-camera" />
</svg>
<div>
<p>Video Camera</p>
<p class="text-sm">id: <strong>solid--video-camera</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--view-columns" />
</svg>
<div>
<p>View Columns</p>
<p class="text-sm">id: <strong>solid--view-columns</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--viewfinder-circle" />
</svg>
<div>
<p>Viewfinder Circle</p>
<p class="text-sm">id: <strong>solid--viewfinder-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--wallet" />
</svg>
<div>
<p>Wallet</p>
<p class="text-sm">id: <strong>solid--wallet</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--whatsapp" />
</svg>
<div>
<p>Whatsapp</p>
<p class="text-sm">id: <strong>solid--whatsapp</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--wifi" />
</svg>
<div>
<p>Wifi</p>
<p class="text-sm">id: <strong>solid--wifi</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--window" />
</svg>
<div>
<p>Window</p>
<p class="text-sm">id: <strong>solid--window</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--windows" />
</svg>
<div>
<p>Windows</p>
<p class="text-sm">id: <strong>solid--windows</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--wrench-screwdriver" />
</svg>
<div>
<p>Wrench Screwdriver</p>
<p class="text-sm">id: <strong>solid--wrench-screwdriver</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--wrench" />
</svg>
<div>
<p>Wrench</p>
<p class="text-sm">id: <strong>solid--wrench</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--x-circle" />
</svg>
<div>
<p>X Circle</p>
<p class="text-sm">id: <strong>solid--x-circle</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--x-mark" />
</svg>
<div>
<p>X Mark</p>
<p class="text-sm">id: <strong>solid--x-mark</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--x-solid" />
</svg>
<div>
<p>X Solid</p>
<p class="text-sm">id: <strong>solid--x-solid</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--x" />
</svg>
<div>
<p>X</p>
<p class="text-sm">id: <strong>solid--x</strong></p>
</div>
</div>
<div class="flex items-center gap-4 p-6 border">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--youtube" />
</svg>
<div>
<p>Youtube</p>
<p class="text-sm">id: <strong>solid--youtube</strong></p>
</div>
</div>
</div>
</div>
</div>
<div class="py-6 space-y-8">
<div class="px-6">
<h1 class="text-2xl font-medium">Svg set example</h1>
<p>Basic example of svg icon set.</p>
<p>Refer to the Notes tab in this section for further documentation and link to svg icon set resource</p>
</div>
{% for folder in folders %}
<div class="px-6">
<h2 class="n7-heading-4 font-bold">{{ folder.name }}</h2>
<div class="flex gap-6 p-4 flex-wrap">
{% for svg in folder.svgs %}
<div class="flex items-center gap-4 p-6 border">
{% render '@icon--small', { id: svg.id }, true %}
<div>
<p>{{ svg.icon }}</p>
<p class="text-sm">id: <strong>{{ svg.id }}</strong></p>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{
"folders": [
{
"name": "General",
"svgs": [
{
"icon": "Arrow Left",
"id": "arrow-left"
},
{
"icon": "Arrow Right",
"id": "arrow-right"
},
{
"icon": "Arrow Up",
"id": "arrow-up"
},
{
"icon": "Home",
"id": "home"
},
{
"icon": "Spinner",
"id": "spinner"
},
{
"icon": "Threads",
"id": "threads"
}
]
},
{
"name": "mini",
"svgs": [
{
"icon": "Academic Cap",
"id": "mini--academic-cap"
},
{
"icon": "Adjustments Horizontal",
"id": "mini--adjustments-horizontal"
},
{
"icon": "Adjustments Vertical",
"id": "mini--adjustments-vertical"
},
{
"icon": "Archive Box Arrow Down",
"id": "mini--archive-box-arrow-down"
},
{
"icon": "Archive Box X Mark",
"id": "mini--archive-box-x-mark"
},
{
"icon": "Archive Box",
"id": "mini--archive-box"
},
{
"icon": "Arrow Down Circle",
"id": "mini--arrow-down-circle"
},
{
"icon": "Arrow Down Left",
"id": "mini--arrow-down-left"
},
{
"icon": "Arrow Down On Square Stack",
"id": "mini--arrow-down-on-square-stack"
},
{
"icon": "Arrow Down On Square",
"id": "mini--arrow-down-on-square"
},
{
"icon": "Arrow Down Right",
"id": "mini--arrow-down-right"
},
{
"icon": "Arrow Down Tray",
"id": "mini--arrow-down-tray"
},
{
"icon": "Arrow Down",
"id": "mini--arrow-down"
},
{
"icon": "Arrow Left Circle",
"id": "mini--arrow-left-circle"
},
{
"icon": "Arrow Left End On Rectangle",
"id": "mini--arrow-left-end-on-rectangle"
},
{
"icon": "Arrow Left On Rectangle",
"id": "mini--arrow-left-on-rectangle"
},
{
"icon": "Arrow Left Start On Rectangle",
"id": "mini--arrow-left-start-on-rectangle"
},
{
"icon": "Arrow Left",
"id": "mini--arrow-left"
},
{
"icon": "Arrow Long Down",
"id": "mini--arrow-long-down"
},
{
"icon": "Arrow Long Left",
"id": "mini--arrow-long-left"
},
{
"icon": "Arrow Long Right",
"id": "mini--arrow-long-right"
},
{
"icon": "Arrow Long Up",
"id": "mini--arrow-long-up"
},
{
"icon": "Arrow Path Rounded Square",
"id": "mini--arrow-path-rounded-square"
},
{
"icon": "Arrow Path",
"id": "mini--arrow-path"
},
{
"icon": "Arrow Right Circle",
"id": "mini--arrow-right-circle"
},
{
"icon": "Arrow Right End On Rectangle",
"id": "mini--arrow-right-end-on-rectangle"
},
{
"icon": "Arrow Right On Rectangle",
"id": "mini--arrow-right-on-rectangle"
},
{
"icon": "Arrow Right Start On Rectangle",
"id": "mini--arrow-right-start-on-rectangle"
},
{
"icon": "Arrow Right",
"id": "mini--arrow-right"
},
{
"icon": "Arrow Small Down",
"id": "mini--arrow-small-down"
},
{
"icon": "Arrow Small Left",
"id": "mini--arrow-small-left"
},
{
"icon": "Arrow Small Right",
"id": "mini--arrow-small-right"
},
{
"icon": "Arrow Small Up",
"id": "mini--arrow-small-up"
},
{
"icon": "Arrow Top Right On Square",
"id": "mini--arrow-top-right-on-square"
},
{
"icon": "Arrow Trending Down",
"id": "mini--arrow-trending-down"
},
{
"icon": "Arrow Trending Up",
"id": "mini--arrow-trending-up"
},
{
"icon": "Arrow Up Circle",
"id": "mini--arrow-up-circle"
},
{
"icon": "Arrow Up Left",
"id": "mini--arrow-up-left"
},
{
"icon": "Arrow Up On Square Stack",
"id": "mini--arrow-up-on-square-stack"
},
{
"icon": "Arrow Up On Square",
"id": "mini--arrow-up-on-square"
},
{
"icon": "Arrow Up Right",
"id": "mini--arrow-up-right"
},
{
"icon": "Arrow Up Tray",
"id": "mini--arrow-up-tray"
},
{
"icon": "Arrow Up",
"id": "mini--arrow-up"
},
{
"icon": "Arrow Uturn Down",
"id": "mini--arrow-uturn-down"
},
{
"icon": "Arrow Uturn Left",
"id": "mini--arrow-uturn-left"
},
{
"icon": "Arrow Uturn Right",
"id": "mini--arrow-uturn-right"
},
{
"icon": "Arrow Uturn Up",
"id": "mini--arrow-uturn-up"
},
{
"icon": "Arrows Pointing In",
"id": "mini--arrows-pointing-in"
},
{
"icon": "Arrows Pointing Out",
"id": "mini--arrows-pointing-out"
},
{
"icon": "Arrows Right Left",
"id": "mini--arrows-right-left"
},
{
"icon": "Arrows Up Down",
"id": "mini--arrows-up-down"
},
{
"icon": "At Symbol",
"id": "mini--at-symbol"
},
{
"icon": "Backspace",
"id": "mini--backspace"
},
{
"icon": "Backward",
"id": "mini--backward"
},
{
"icon": "Banknotes",
"id": "mini--banknotes"
},
{
"icon": "Bars 2",
"id": "mini--bars-2"
},
{
"icon": "Bars 3 Bottom Left",
"id": "mini--bars-3-bottom-left"
},
{
"icon": "Bars 3 Bottom Right",
"id": "mini--bars-3-bottom-right"
},
{
"icon": "Bars 3 Center Left",
"id": "mini--bars-3-center-left"
},
{
"icon": "Bars 3",
"id": "mini--bars-3"
},
{
"icon": "Bars 4",
"id": "mini--bars-4"
},
{
"icon": "Bars Arrow Down",
"id": "mini--bars-arrow-down"
},
{
"icon": "Bars Arrow Up",
"id": "mini--bars-arrow-up"
},
{
"icon": "Battery 0",
"id": "mini--battery-0"
},
{
"icon": "Battery 100",
"id": "mini--battery-100"
},
{
"icon": "Battery 50",
"id": "mini--battery-50"
},
{
"icon": "Beaker",
"id": "mini--beaker"
},
{
"icon": "Bell Alert",
"id": "mini--bell-alert"
},
{
"icon": "Bell Slash",
"id": "mini--bell-slash"
},
{
"icon": "Bell Snooze",
"id": "mini--bell-snooze"
},
{
"icon": "Bell",
"id": "mini--bell"
},
{
"icon": "Bolt Slash",
"id": "mini--bolt-slash"
},
{
"icon": "Bolt",
"id": "mini--bolt"
},
{
"icon": "Book Open",
"id": "mini--book-open"
},
{
"icon": "Bookmark Slash",
"id": "mini--bookmark-slash"
},
{
"icon": "Bookmark Square",
"id": "mini--bookmark-square"
},
{
"icon": "Bookmark",
"id": "mini--bookmark"
},
{
"icon": "Briefcase",
"id": "mini--briefcase"
},
{
"icon": "Bug Ant",
"id": "mini--bug-ant"
},
{
"icon": "Building Library",
"id": "mini--building-library"
},
{
"icon": "Building Office 2",
"id": "mini--building-office-2"
},
{
"icon": "Building Office",
"id": "mini--building-office"
},
{
"icon": "Building Storefront",
"id": "mini--building-storefront"
},
{
"icon": "Cake",
"id": "mini--cake"
},
{
"icon": "Calculator",
"id": "mini--calculator"
},
{
"icon": "Calendar Days",
"id": "mini--calendar-days"
},
{
"icon": "Calendar",
"id": "mini--calendar"
},
{
"icon": "Camera",
"id": "mini--camera"
},
{
"icon": "Chart Bar Square",
"id": "mini--chart-bar-square"
},
{
"icon": "Chart Bar",
"id": "mini--chart-bar"
},
{
"icon": "Chart Pie",
"id": "mini--chart-pie"
},
{
"icon": "Chat Bubble Bottom Center Text",
"id": "mini--chat-bubble-bottom-center-text"
},
{
"icon": "Chat Bubble Bottom Center",
"id": "mini--chat-bubble-bottom-center"
},
{
"icon": "Chat Bubble Left Ellipsis",
"id": "mini--chat-bubble-left-ellipsis"
},
{
"icon": "Chat Bubble Left Right",
"id": "mini--chat-bubble-left-right"
},
{
"icon": "Chat Bubble Left",
"id": "mini--chat-bubble-left"
},
{
"icon": "Chat Bubble Oval Left Ellipsis",
"id": "mini--chat-bubble-oval-left-ellipsis"
},
{
"icon": "Chat Bubble Oval Left",
"id": "mini--chat-bubble-oval-left"
},
{
"icon": "Check Badge",
"id": "mini--check-badge"
},
{
"icon": "Check Circle",
"id": "mini--check-circle"
},
{
"icon": "Check",
"id": "mini--check"
},
{
"icon": "Chevron Double Down",
"id": "mini--chevron-double-down"
},
{
"icon": "Chevron Double Left",
"id": "mini--chevron-double-left"
},
{
"icon": "Chevron Double Right",
"id": "mini--chevron-double-right"
},
{
"icon": "Chevron Double Up",
"id": "mini--chevron-double-up"
},
{
"icon": "Chevron Down",
"id": "mini--chevron-down"
},
{
"icon": "Chevron Left",
"id": "mini--chevron-left"
},
{
"icon": "Chevron Right",
"id": "mini--chevron-right"
},
{
"icon": "Chevron Up Down",
"id": "mini--chevron-up-down"
},
{
"icon": "Chevron Up",
"id": "mini--chevron-up"
},
{
"icon": "Circle Stack",
"id": "mini--circle-stack"
},
{
"icon": "Clipboard Document Check",
"id": "mini--clipboard-document-check"
},
{
"icon": "Clipboard Document List",
"id": "mini--clipboard-document-list"
},
{
"icon": "Clipboard Document",
"id": "mini--clipboard-document"
},
{
"icon": "Clipboard",
"id": "mini--clipboard"
},
{
"icon": "Clock",
"id": "mini--clock"
},
{
"icon": "Cloud Arrow Down",
"id": "mini--cloud-arrow-down"
},
{
"icon": "Cloud Arrow Up",
"id": "mini--cloud-arrow-up"
},
{
"icon": "Cloud",
"id": "mini--cloud"
},
{
"icon": "Code Bracket Square",
"id": "mini--code-bracket-square"
},
{
"icon": "Code Bracket",
"id": "mini--code-bracket"
},
{
"icon": "Cog 6 Tooth",
"id": "mini--cog-6-tooth"
},
{
"icon": "Cog 8 Tooth",
"id": "mini--cog-8-tooth"
},
{
"icon": "Cog",
"id": "mini--cog"
},
{
"icon": "Command Line",
"id": "mini--command-line"
},
{
"icon": "Computer Desktop",
"id": "mini--computer-desktop"
},
{
"icon": "Cpu Chip",
"id": "mini--cpu-chip"
},
{
"icon": "Credit Card",
"id": "mini--credit-card"
},
{
"icon": "Cube Transparent",
"id": "mini--cube-transparent"
},
{
"icon": "Cube",
"id": "mini--cube"
},
{
"icon": "Currency Bangladeshi",
"id": "mini--currency-bangladeshi"
},
{
"icon": "Currency Dollar",
"id": "mini--currency-dollar"
},
{
"icon": "Currency Euro",
"id": "mini--currency-euro"
},
{
"icon": "Currency Pound",
"id": "mini--currency-pound"
},
{
"icon": "Currency Rupee",
"id": "mini--currency-rupee"
},
{
"icon": "Currency Yen",
"id": "mini--currency-yen"
},
{
"icon": "Cursor Arrow Rays",
"id": "mini--cursor-arrow-rays"
},
{
"icon": "Cursor Arrow Ripple",
"id": "mini--cursor-arrow-ripple"
},
{
"icon": "Device Phone Mobile",
"id": "mini--device-phone-mobile"
},
{
"icon": "Device Tablet",
"id": "mini--device-tablet"
},
{
"icon": "Document Arrow Down",
"id": "mini--document-arrow-down"
},
{
"icon": "Document Arrow Up",
"id": "mini--document-arrow-up"
},
{
"icon": "Document Chart Bar",
"id": "mini--document-chart-bar"
},
{
"icon": "Document Check",
"id": "mini--document-check"
},
{
"icon": "Document Duplicate",
"id": "mini--document-duplicate"
},
{
"icon": "Document Magnifying Glass",
"id": "mini--document-magnifying-glass"
},
{
"icon": "Document Minus",
"id": "mini--document-minus"
},
{
"icon": "Document Plus",
"id": "mini--document-plus"
},
{
"icon": "Document Text",
"id": "mini--document-text"
},
{
"icon": "Document",
"id": "mini--document"
},
{
"icon": "Ellipsis Horizontal Circle",
"id": "mini--ellipsis-horizontal-circle"
},
{
"icon": "Ellipsis Horizontal",
"id": "mini--ellipsis-horizontal"
},
{
"icon": "Ellipsis Vertical",
"id": "mini--ellipsis-vertical"
},
{
"icon": "Envelope Open",
"id": "mini--envelope-open"
},
{
"icon": "Envelope",
"id": "mini--envelope"
},
{
"icon": "Exclamation Circle",
"id": "mini--exclamation-circle"
},
{
"icon": "Exclamation Triangle",
"id": "mini--exclamation-triangle"
},
{
"icon": "Eye Dropper",
"id": "mini--eye-dropper"
},
{
"icon": "Eye Slash",
"id": "mini--eye-slash"
},
{
"icon": "Eye",
"id": "mini--eye"
},
{
"icon": "Face Frown",
"id": "mini--face-frown"
},
{
"icon": "Face Smile",
"id": "mini--face-smile"
},
{
"icon": "Facebook",
"id": "mini--facebook"
},
{
"icon": "Film",
"id": "mini--film"
},
{
"icon": "Finger Print",
"id": "mini--finger-print"
},
{
"icon": "Fire",
"id": "mini--fire"
},
{
"icon": "Flag",
"id": "mini--flag"
},
{
"icon": "Folder Arrow Down",
"id": "mini--folder-arrow-down"
},
{
"icon": "Folder Minus",
"id": "mini--folder-minus"
},
{
"icon": "Folder Open",
"id": "mini--folder-open"
},
{
"icon": "Folder Plus",
"id": "mini--folder-plus"
},
{
"icon": "Folder",
"id": "mini--folder"
},
{
"icon": "Forward",
"id": "mini--forward"
},
{
"icon": "Funnel",
"id": "mini--funnel"
},
{
"icon": "Gif",
"id": "mini--gif"
},
{
"icon": "Gift Top",
"id": "mini--gift-top"
},
{
"icon": "Gift",
"id": "mini--gift"
},
{
"icon": "Globe Alt",
"id": "mini--globe-alt"
},
{
"icon": "Globe Americas",
"id": "mini--globe-americas"
},
{
"icon": "Globe Asia Australia",
"id": "mini--globe-asia-australia"
},
{
"icon": "Globe Europe Africa",
"id": "mini--globe-europe-africa"
},
{
"icon": "Hand Raised",
"id": "mini--hand-raised"
},
{
"icon": "Hand Thumb Down",
"id": "mini--hand-thumb-down"
},
{
"icon": "Hand Thumb Up",
"id": "mini--hand-thumb-up"
},
{
"icon": "Hashtag",
"id": "mini--hashtag"
},
{
"icon": "Heart",
"id": "mini--heart"
},
{
"icon": "Home Modern",
"id": "mini--home-modern"
},
{
"icon": "Home",
"id": "mini--home"
},
{
"icon": "Identification",
"id": "mini--identification"
},
{
"icon": "Inbox Arrow Down",
"id": "mini--inbox-arrow-down"
},
{
"icon": "Inbox Stack",
"id": "mini--inbox-stack"
},
{
"icon": "Inbox",
"id": "mini--inbox"
},
{
"icon": "Information Circle",
"id": "mini--information-circle"
},
{
"icon": "Instagram",
"id": "mini--instagram"
},
{
"icon": "Key",
"id": "mini--key"
},
{
"icon": "Language",
"id": "mini--language"
},
{
"icon": "Lifebuoy",
"id": "mini--lifebuoy"
},
{
"icon": "Light Bulb",
"id": "mini--light-bulb"
},
{
"icon": "Link",
"id": "mini--link"
},
{
"icon": "List Bullet",
"id": "mini--list-bullet"
},
{
"icon": "Lock Closed",
"id": "mini--lock-closed"
},
{
"icon": "Lock Open",
"id": "mini--lock-open"
},
{
"icon": "Magnifying Glass Circle",
"id": "mini--magnifying-glass-circle"
},
{
"icon": "Magnifying Glass Minus",
"id": "mini--magnifying-glass-minus"
},
{
"icon": "Magnifying Glass Plus",
"id": "mini--magnifying-glass-plus"
},
{
"icon": "Magnifying Glass",
"id": "mini--magnifying-glass"
},
{
"icon": "Map Pin",
"id": "mini--map-pin"
},
{
"icon": "Map",
"id": "mini--map"
},
{
"icon": "Megaphone",
"id": "mini--megaphone"
},
{
"icon": "Microphone",
"id": "mini--microphone"
},
{
"icon": "Minus Circle",
"id": "mini--minus-circle"
},
{
"icon": "Minus Small",
"id": "mini--minus-small"
},
{
"icon": "Minus",
"id": "mini--minus"
},
{
"icon": "Moon",
"id": "mini--moon"
},
{
"icon": "Musical Note",
"id": "mini--musical-note"
},
{
"icon": "Newspaper",
"id": "mini--newspaper"
},
{
"icon": "No Symbol",
"id": "mini--no-symbol"
},
{
"icon": "Paint Brush",
"id": "mini--paint-brush"
},
{
"icon": "Paper Airplane",
"id": "mini--paper-airplane"
},
{
"icon": "Paper Clip",
"id": "mini--paper-clip"
},
{
"icon": "Pause Circle",
"id": "mini--pause-circle"
},
{
"icon": "Pause",
"id": "mini--pause"
},
{
"icon": "Pencil Square",
"id": "mini--pencil-square"
},
{
"icon": "Pencil",
"id": "mini--pencil"
},
{
"icon": "Phone Arrow Down Left",
"id": "mini--phone-arrow-down-left"
},
{
"icon": "Phone Arrow Up Right",
"id": "mini--phone-arrow-up-right"
},
{
"icon": "Phone X Mark",
"id": "mini--phone-x-mark"
},
{
"icon": "Phone",
"id": "mini--phone"
},
{
"icon": "Photo",
"id": "mini--photo"
},
{
"icon": "Play Circle",
"id": "mini--play-circle"
},
{
"icon": "Play Pause",
"id": "mini--play-pause"
},
{
"icon": "Play",
"id": "mini--play"
},
{
"icon": "Plus Circle",
"id": "mini--plus-circle"
},
{
"icon": "Plus Small",
"id": "mini--plus-small"
},
{
"icon": "Plus",
"id": "mini--plus"
},
{
"icon": "Power",
"id": "mini--power"
},
{
"icon": "Presentation Chart Bar",
"id": "mini--presentation-chart-bar"
},
{
"icon": "Presentation Chart Line",
"id": "mini--presentation-chart-line"
},
{
"icon": "Printer",
"id": "mini--printer"
},
{
"icon": "Puzzle Piece",
"id": "mini--puzzle-piece"
},
{
"icon": "Qr Code",
"id": "mini--qr-code"
},
{
"icon": "Question Mark Circle",
"id": "mini--question-mark-circle"
},
{
"icon": "Queue List",
"id": "mini--queue-list"
},
{
"icon": "Radio",
"id": "mini--radio"
},
{
"icon": "Receipt Percent",
"id": "mini--receipt-percent"
},
{
"icon": "Receipt Refund",
"id": "mini--receipt-refund"
},
{
"icon": "Rectangle Group",
"id": "mini--rectangle-group"
},
{
"icon": "Rectangle Stack",
"id": "mini--rectangle-stack"
},
{
"icon": "Rocket Launch",
"id": "mini--rocket-launch"
},
{
"icon": "Rss",
"id": "mini--rss"
},
{
"icon": "Scale",
"id": "mini--scale"
},
{
"icon": "Scissors",
"id": "mini--scissors"
},
{
"icon": "Server Stack",
"id": "mini--server-stack"
},
{
"icon": "Server",
"id": "mini--server"
},
{
"icon": "Share",
"id": "mini--share"
},
{
"icon": "Shield Check",
"id": "mini--shield-check"
},
{
"icon": "Shield Exclamation",
"id": "mini--shield-exclamation"
},
{
"icon": "Shopping Bag",
"id": "mini--shopping-bag"
},
{
"icon": "Shopping Cart",
"id": "mini--shopping-cart"
},
{
"icon": "Signal Slash",
"id": "mini--signal-slash"
},
{
"icon": "Signal",
"id": "mini--signal"
},
{
"icon": "Sparkles",
"id": "mini--sparkles"
},
{
"icon": "Speaker Wave",
"id": "mini--speaker-wave"
},
{
"icon": "Speaker X Mark",
"id": "mini--speaker-x-mark"
},
{
"icon": "Square 2 Stack",
"id": "mini--square-2-stack"
},
{
"icon": "Square 3 Stack 3d",
"id": "mini--square-3-stack-3d"
},
{
"icon": "Squares 2x2",
"id": "mini--squares-2x2"
},
{
"icon": "Squares Plus",
"id": "mini--squares-plus"
},
{
"icon": "Star",
"id": "mini--star"
},
{
"icon": "Stop Circle",
"id": "mini--stop-circle"
},
{
"icon": "Stop",
"id": "mini--stop"
},
{
"icon": "Sun",
"id": "mini--sun"
},
{
"icon": "Swatch",
"id": "mini--swatch"
},
{
"icon": "Table Cells",
"id": "mini--table-cells"
},
{
"icon": "Tag",
"id": "mini--tag"
},
{
"icon": "Telegram",
"id": "mini--telegram"
},
{
"icon": "Ticket",
"id": "mini--ticket"
},
{
"icon": "Trash",
"id": "mini--trash"
},
{
"icon": "Trophy",
"id": "mini--trophy"
},
{
"icon": "Truck",
"id": "mini--truck"
},
{
"icon": "Tv",
"id": "mini--tv"
},
{
"icon": "User Circle",
"id": "mini--user-circle"
},
{
"icon": "User Group",
"id": "mini--user-group"
},
{
"icon": "User Minus",
"id": "mini--user-minus"
},
{
"icon": "User Plus",
"id": "mini--user-plus"
},
{
"icon": "User",
"id": "mini--user"
},
{
"icon": "Users",
"id": "mini--users"
},
{
"icon": "Variable",
"id": "mini--variable"
},
{
"icon": "Video Camera Slash",
"id": "mini--video-camera-slash"
},
{
"icon": "Video Camera",
"id": "mini--video-camera"
},
{
"icon": "View Columns",
"id": "mini--view-columns"
},
{
"icon": "Viewfinder Circle",
"id": "mini--viewfinder-circle"
},
{
"icon": "Wallet",
"id": "mini--wallet"
},
{
"icon": "Wifi",
"id": "mini--wifi"
},
{
"icon": "Window",
"id": "mini--window"
},
{
"icon": "Wrench Screwdriver",
"id": "mini--wrench-screwdriver"
},
{
"icon": "Wrench",
"id": "mini--wrench"
},
{
"icon": "X Circle",
"id": "mini--x-circle"
},
{
"icon": "X Mark",
"id": "mini--x-mark"
},
{
"icon": "X",
"id": "mini--x"
},
{
"icon": "Youtube",
"id": "mini--youtube"
}
]
},
{
"name": "outline",
"svgs": [
{
"icon": "Academic Cap",
"id": "outline--academic-cap"
},
{
"icon": "Adjustments Horizontal",
"id": "outline--adjustments-horizontal"
},
{
"icon": "Adjustments Vertical",
"id": "outline--adjustments-vertical"
},
{
"icon": "Archive Box Arrow Down",
"id": "outline--archive-box-arrow-down"
},
{
"icon": "Archive Box X Mark",
"id": "outline--archive-box-x-mark"
},
{
"icon": "Archive Box",
"id": "outline--archive-box"
},
{
"icon": "Arrow Down Circle",
"id": "outline--arrow-down-circle"
},
{
"icon": "Arrow Down Left",
"id": "outline--arrow-down-left"
},
{
"icon": "Arrow Down On Square Stack",
"id": "outline--arrow-down-on-square-stack"
},
{
"icon": "Arrow Down On Square",
"id": "outline--arrow-down-on-square"
},
{
"icon": "Arrow Down Right",
"id": "outline--arrow-down-right"
},
{
"icon": "Arrow Down Tray",
"id": "outline--arrow-down-tray"
},
{
"icon": "Arrow Down",
"id": "outline--arrow-down"
},
{
"icon": "Arrow Left Circle",
"id": "outline--arrow-left-circle"
},
{
"icon": "Arrow Left End On Rectangle",
"id": "outline--arrow-left-end-on-rectangle"
},
{
"icon": "Arrow Left On Rectangle",
"id": "outline--arrow-left-on-rectangle"
},
{
"icon": "Arrow Left Start On Rectangle",
"id": "outline--arrow-left-start-on-rectangle"
},
{
"icon": "Arrow Left",
"id": "outline--arrow-left"
},
{
"icon": "Arrow Long Down",
"id": "outline--arrow-long-down"
},
{
"icon": "Arrow Long Left",
"id": "outline--arrow-long-left"
},
{
"icon": "Arrow Long Right",
"id": "outline--arrow-long-right"
},
{
"icon": "Arrow Long Up",
"id": "outline--arrow-long-up"
},
{
"icon": "Arrow Path Rounded Square",
"id": "outline--arrow-path-rounded-square"
},
{
"icon": "Arrow Path",
"id": "outline--arrow-path"
},
{
"icon": "Arrow Right Circle",
"id": "outline--arrow-right-circle"
},
{
"icon": "Arrow Right End On Rectangle",
"id": "outline--arrow-right-end-on-rectangle"
},
{
"icon": "Arrow Right On Rectangle",
"id": "outline--arrow-right-on-rectangle"
},
{
"icon": "Arrow Right Start On Rectangle",
"id": "outline--arrow-right-start-on-rectangle"
},
{
"icon": "Arrow Right",
"id": "outline--arrow-right"
},
{
"icon": "Arrow Small Down",
"id": "outline--arrow-small-down"
},
{
"icon": "Arrow Small Left",
"id": "outline--arrow-small-left"
},
{
"icon": "Arrow Small Right",
"id": "outline--arrow-small-right"
},
{
"icon": "Arrow Small Up",
"id": "outline--arrow-small-up"
},
{
"icon": "Arrow Top Right On Square",
"id": "outline--arrow-top-right-on-square"
},
{
"icon": "Arrow Trending Down",
"id": "outline--arrow-trending-down"
},
{
"icon": "Arrow Trending Up",
"id": "outline--arrow-trending-up"
},
{
"icon": "Arrow Up Circle",
"id": "outline--arrow-up-circle"
},
{
"icon": "Arrow Up Left",
"id": "outline--arrow-up-left"
},
{
"icon": "Arrow Up On Square Stack",
"id": "outline--arrow-up-on-square-stack"
},
{
"icon": "Arrow Up On Square",
"id": "outline--arrow-up-on-square"
},
{
"icon": "Arrow Up Right",
"id": "outline--arrow-up-right"
},
{
"icon": "Arrow Up Tray",
"id": "outline--arrow-up-tray"
},
{
"icon": "Arrow Up",
"id": "outline--arrow-up"
},
{
"icon": "Arrow Uturn Down",
"id": "outline--arrow-uturn-down"
},
{
"icon": "Arrow Uturn Left",
"id": "outline--arrow-uturn-left"
},
{
"icon": "Arrow Uturn Right",
"id": "outline--arrow-uturn-right"
},
{
"icon": "Arrow Uturn Up",
"id": "outline--arrow-uturn-up"
},
{
"icon": "Arrows Pointing In",
"id": "outline--arrows-pointing-in"
},
{
"icon": "Arrows Pointing Out",
"id": "outline--arrows-pointing-out"
},
{
"icon": "Arrows Right Left",
"id": "outline--arrows-right-left"
},
{
"icon": "Arrows Up Down",
"id": "outline--arrows-up-down"
},
{
"icon": "At Symbol",
"id": "outline--at-symbol"
},
{
"icon": "Backspace",
"id": "outline--backspace"
},
{
"icon": "Backward",
"id": "outline--backward"
},
{
"icon": "Banknotes",
"id": "outline--banknotes"
},
{
"icon": "Bars 2",
"id": "outline--bars-2"
},
{
"icon": "Bars 3 Bottom Left",
"id": "outline--bars-3-bottom-left"
},
{
"icon": "Bars 3 Bottom Right",
"id": "outline--bars-3-bottom-right"
},
{
"icon": "Bars 3 Center Left",
"id": "outline--bars-3-center-left"
},
{
"icon": "Bars 3",
"id": "outline--bars-3"
},
{
"icon": "Bars 4",
"id": "outline--bars-4"
},
{
"icon": "Bars Arrow Down",
"id": "outline--bars-arrow-down"
},
{
"icon": "Bars Arrow Up",
"id": "outline--bars-arrow-up"
},
{
"icon": "Battery 0",
"id": "outline--battery-0"
},
{
"icon": "Battery 100",
"id": "outline--battery-100"
},
{
"icon": "Battery 50",
"id": "outline--battery-50"
},
{
"icon": "Beaker",
"id": "outline--beaker"
},
{
"icon": "Bell Alert",
"id": "outline--bell-alert"
},
{
"icon": "Bell Slash",
"id": "outline--bell-slash"
},
{
"icon": "Bell Snooze",
"id": "outline--bell-snooze"
},
{
"icon": "Bell",
"id": "outline--bell"
},
{
"icon": "Bolt Slash",
"id": "outline--bolt-slash"
},
{
"icon": "Bolt",
"id": "outline--bolt"
},
{
"icon": "Book Open",
"id": "outline--book-open"
},
{
"icon": "Bookmark Slash",
"id": "outline--bookmark-slash"
},
{
"icon": "Bookmark Square",
"id": "outline--bookmark-square"
},
{
"icon": "Bookmark",
"id": "outline--bookmark"
},
{
"icon": "Briefcase",
"id": "outline--briefcase"
},
{
"icon": "Bug Ant",
"id": "outline--bug-ant"
},
{
"icon": "Building Library",
"id": "outline--building-library"
},
{
"icon": "Building Office 2",
"id": "outline--building-office-2"
},
{
"icon": "Building Office",
"id": "outline--building-office"
},
{
"icon": "Building Storefront",
"id": "outline--building-storefront"
},
{
"icon": "Cake",
"id": "outline--cake"
},
{
"icon": "Calculator",
"id": "outline--calculator"
},
{
"icon": "Calendar Days",
"id": "outline--calendar-days"
},
{
"icon": "Calendar",
"id": "outline--calendar"
},
{
"icon": "Camera",
"id": "outline--camera"
},
{
"icon": "Chart Bar Square",
"id": "outline--chart-bar-square"
},
{
"icon": "Chart Bar",
"id": "outline--chart-bar"
},
{
"icon": "Chart Pie",
"id": "outline--chart-pie"
},
{
"icon": "Chat Bubble Bottom Center Text",
"id": "outline--chat-bubble-bottom-center-text"
},
{
"icon": "Chat Bubble Bottom Center",
"id": "outline--chat-bubble-bottom-center"
},
{
"icon": "Chat Bubble Left Ellipsis",
"id": "outline--chat-bubble-left-ellipsis"
},
{
"icon": "Chat Bubble Left Right",
"id": "outline--chat-bubble-left-right"
},
{
"icon": "Chat Bubble Left",
"id": "outline--chat-bubble-left"
},
{
"icon": "Chat Bubble Oval Left Ellipsis",
"id": "outline--chat-bubble-oval-left-ellipsis"
},
{
"icon": "Chat Bubble Oval Left",
"id": "outline--chat-bubble-oval-left"
},
{
"icon": "Check Badge",
"id": "outline--check-badge"
},
{
"icon": "Check Circle",
"id": "outline--check-circle"
},
{
"icon": "Check",
"id": "outline--check"
},
{
"icon": "Chevron Double Down",
"id": "outline--chevron-double-down"
},
{
"icon": "Chevron Double Left",
"id": "outline--chevron-double-left"
},
{
"icon": "Chevron Double Right",
"id": "outline--chevron-double-right"
},
{
"icon": "Chevron Double Up",
"id": "outline--chevron-double-up"
},
{
"icon": "Chevron Down",
"id": "outline--chevron-down"
},
{
"icon": "Chevron Left",
"id": "outline--chevron-left"
},
{
"icon": "Chevron Right",
"id": "outline--chevron-right"
},
{
"icon": "Chevron Up Down",
"id": "outline--chevron-up-down"
},
{
"icon": "Chevron Up",
"id": "outline--chevron-up"
},
{
"icon": "Circle Stack",
"id": "outline--circle-stack"
},
{
"icon": "Clipboard Document Check",
"id": "outline--clipboard-document-check"
},
{
"icon": "Clipboard Document List",
"id": "outline--clipboard-document-list"
},
{
"icon": "Clipboard Document",
"id": "outline--clipboard-document"
},
{
"icon": "Clipboard",
"id": "outline--clipboard"
},
{
"icon": "Clock",
"id": "outline--clock"
},
{
"icon": "Cloud Arrow Down",
"id": "outline--cloud-arrow-down"
},
{
"icon": "Cloud Arrow Up",
"id": "outline--cloud-arrow-up"
},
{
"icon": "Cloud",
"id": "outline--cloud"
},
{
"icon": "Code Bracket Square",
"id": "outline--code-bracket-square"
},
{
"icon": "Code Bracket",
"id": "outline--code-bracket"
},
{
"icon": "Cog 6 Tooth",
"id": "outline--cog-6-tooth"
},
{
"icon": "Cog 8 Tooth",
"id": "outline--cog-8-tooth"
},
{
"icon": "Cog",
"id": "outline--cog"
},
{
"icon": "Command Line",
"id": "outline--command-line"
},
{
"icon": "Computer Desktop",
"id": "outline--computer-desktop"
},
{
"icon": "Cpu Chip",
"id": "outline--cpu-chip"
},
{
"icon": "Credit Card",
"id": "outline--credit-card"
},
{
"icon": "Cube Transparent",
"id": "outline--cube-transparent"
},
{
"icon": "Cube",
"id": "outline--cube"
},
{
"icon": "Currency Bangladeshi",
"id": "outline--currency-bangladeshi"
},
{
"icon": "Currency Dollar",
"id": "outline--currency-dollar"
},
{
"icon": "Currency Euro",
"id": "outline--currency-euro"
},
{
"icon": "Currency Pound",
"id": "outline--currency-pound"
},
{
"icon": "Currency Rupee",
"id": "outline--currency-rupee"
},
{
"icon": "Currency Yen",
"id": "outline--currency-yen"
},
{
"icon": "Cursor Arrow Rays",
"id": "outline--cursor-arrow-rays"
},
{
"icon": "Cursor Arrow Ripple",
"id": "outline--cursor-arrow-ripple"
},
{
"icon": "Device Phone Mobile",
"id": "outline--device-phone-mobile"
},
{
"icon": "Device Tablet",
"id": "outline--device-tablet"
},
{
"icon": "Document Arrow Down",
"id": "outline--document-arrow-down"
},
{
"icon": "Document Arrow Up",
"id": "outline--document-arrow-up"
},
{
"icon": "Document Chart Bar",
"id": "outline--document-chart-bar"
},
{
"icon": "Document Check",
"id": "outline--document-check"
},
{
"icon": "Document Duplicate",
"id": "outline--document-duplicate"
},
{
"icon": "Document Magnifying Glass",
"id": "outline--document-magnifying-glass"
},
{
"icon": "Document Minus",
"id": "outline--document-minus"
},
{
"icon": "Document Plus",
"id": "outline--document-plus"
},
{
"icon": "Document Text",
"id": "outline--document-text"
},
{
"icon": "Document",
"id": "outline--document"
},
{
"icon": "Ellipsis Horizontal Circle",
"id": "outline--ellipsis-horizontal-circle"
},
{
"icon": "Ellipsis Horizontal",
"id": "outline--ellipsis-horizontal"
},
{
"icon": "Ellipsis Vertical",
"id": "outline--ellipsis-vertical"
},
{
"icon": "Envelope Open",
"id": "outline--envelope-open"
},
{
"icon": "Envelope",
"id": "outline--envelope"
},
{
"icon": "Exclamation Circle",
"id": "outline--exclamation-circle"
},
{
"icon": "Exclamation Triangle",
"id": "outline--exclamation-triangle"
},
{
"icon": "Eye Dropper",
"id": "outline--eye-dropper"
},
{
"icon": "Eye Slash",
"id": "outline--eye-slash"
},
{
"icon": "Eye",
"id": "outline--eye"
},
{
"icon": "Face Frown",
"id": "outline--face-frown"
},
{
"icon": "Face Smile",
"id": "outline--face-smile"
},
{
"icon": "Facebook",
"id": "outline--facebook"
},
{
"icon": "Film",
"id": "outline--film"
},
{
"icon": "Finger Print",
"id": "outline--finger-print"
},
{
"icon": "Fire",
"id": "outline--fire"
},
{
"icon": "Flag",
"id": "outline--flag"
},
{
"icon": "Folder Arrow Down",
"id": "outline--folder-arrow-down"
},
{
"icon": "Folder Minus",
"id": "outline--folder-minus"
},
{
"icon": "Folder Open",
"id": "outline--folder-open"
},
{
"icon": "Folder Plus",
"id": "outline--folder-plus"
},
{
"icon": "Folder",
"id": "outline--folder"
},
{
"icon": "Forward",
"id": "outline--forward"
},
{
"icon": "Funnel",
"id": "outline--funnel"
},
{
"icon": "Gif",
"id": "outline--gif"
},
{
"icon": "Gift Top",
"id": "outline--gift-top"
},
{
"icon": "Gift",
"id": "outline--gift"
},
{
"icon": "Globe Alt",
"id": "outline--globe-alt"
},
{
"icon": "Globe Americas",
"id": "outline--globe-americas"
},
{
"icon": "Globe Asia Australia",
"id": "outline--globe-asia-australia"
},
{
"icon": "Globe Europe Africa",
"id": "outline--globe-europe-africa"
},
{
"icon": "Hand Raised",
"id": "outline--hand-raised"
},
{
"icon": "Hand Thumb Down",
"id": "outline--hand-thumb-down"
},
{
"icon": "Hand Thumb Up",
"id": "outline--hand-thumb-up"
},
{
"icon": "Hashtag",
"id": "outline--hashtag"
},
{
"icon": "Heart",
"id": "outline--heart"
},
{
"icon": "Home Modern",
"id": "outline--home-modern"
},
{
"icon": "Home",
"id": "outline--home"
},
{
"icon": "Identification",
"id": "outline--identification"
},
{
"icon": "Inbox Arrow Down",
"id": "outline--inbox-arrow-down"
},
{
"icon": "Inbox Stack",
"id": "outline--inbox-stack"
},
{
"icon": "Inbox",
"id": "outline--inbox"
},
{
"icon": "Information Circle",
"id": "outline--information-circle"
},
{
"icon": "Instagram",
"id": "outline--instagram"
},
{
"icon": "Key",
"id": "outline--key"
},
{
"icon": "Language",
"id": "outline--language"
},
{
"icon": "Lifebuoy",
"id": "outline--lifebuoy"
},
{
"icon": "Light Bulb",
"id": "outline--light-bulb"
},
{
"icon": "Link",
"id": "outline--link"
},
{
"icon": "List Bullet",
"id": "outline--list-bullet"
},
{
"icon": "Lock Closed",
"id": "outline--lock-closed"
},
{
"icon": "Lock Open",
"id": "outline--lock-open"
},
{
"icon": "Magnifying Glass Circle",
"id": "outline--magnifying-glass-circle"
},
{
"icon": "Magnifying Glass Minus",
"id": "outline--magnifying-glass-minus"
},
{
"icon": "Magnifying Glass Plus",
"id": "outline--magnifying-glass-plus"
},
{
"icon": "Magnifying Glass",
"id": "outline--magnifying-glass"
},
{
"icon": "Map Pin",
"id": "outline--map-pin"
},
{
"icon": "Map",
"id": "outline--map"
},
{
"icon": "Megaphone",
"id": "outline--megaphone"
},
{
"icon": "Microphone",
"id": "outline--microphone"
},
{
"icon": "Minus Circle",
"id": "outline--minus-circle"
},
{
"icon": "Minus Small",
"id": "outline--minus-small"
},
{
"icon": "Minus",
"id": "outline--minus"
},
{
"icon": "Moon",
"id": "outline--moon"
},
{
"icon": "Musical Note",
"id": "outline--musical-note"
},
{
"icon": "Newspaper",
"id": "outline--newspaper"
},
{
"icon": "No Symbol",
"id": "outline--no-symbol"
},
{
"icon": "Paint Brush",
"id": "outline--paint-brush"
},
{
"icon": "Paper Airplane",
"id": "outline--paper-airplane"
},
{
"icon": "Paper Clip",
"id": "outline--paper-clip"
},
{
"icon": "Pause Circle",
"id": "outline--pause-circle"
},
{
"icon": "Pause",
"id": "outline--pause"
},
{
"icon": "Pencil Square",
"id": "outline--pencil-square"
},
{
"icon": "Pencil",
"id": "outline--pencil"
},
{
"icon": "Phone Arrow Down Left",
"id": "outline--phone-arrow-down-left"
},
{
"icon": "Phone Arrow Up Right",
"id": "outline--phone-arrow-up-right"
},
{
"icon": "Phone X Mark",
"id": "outline--phone-x-mark"
},
{
"icon": "Phone",
"id": "outline--phone"
},
{
"icon": "Photo",
"id": "outline--photo"
},
{
"icon": "Play Circle",
"id": "outline--play-circle"
},
{
"icon": "Play Pause",
"id": "outline--play-pause"
},
{
"icon": "Play",
"id": "outline--play"
},
{
"icon": "Plus Circle",
"id": "outline--plus-circle"
},
{
"icon": "Plus Small",
"id": "outline--plus-small"
},
{
"icon": "Plus",
"id": "outline--plus"
},
{
"icon": "Power",
"id": "outline--power"
},
{
"icon": "Presentation Chart Bar",
"id": "outline--presentation-chart-bar"
},
{
"icon": "Presentation Chart Line",
"id": "outline--presentation-chart-line"
},
{
"icon": "Printer",
"id": "outline--printer"
},
{
"icon": "Puzzle Piece",
"id": "outline--puzzle-piece"
},
{
"icon": "Qr Code",
"id": "outline--qr-code"
},
{
"icon": "Question Mark Circle",
"id": "outline--question-mark-circle"
},
{
"icon": "Queue List",
"id": "outline--queue-list"
},
{
"icon": "Radio",
"id": "outline--radio"
},
{
"icon": "Receipt Percent",
"id": "outline--receipt-percent"
},
{
"icon": "Receipt Refund",
"id": "outline--receipt-refund"
},
{
"icon": "Rectangle Group",
"id": "outline--rectangle-group"
},
{
"icon": "Rectangle Stack",
"id": "outline--rectangle-stack"
},
{
"icon": "Rocket Launch",
"id": "outline--rocket-launch"
},
{
"icon": "Rss",
"id": "outline--rss"
},
{
"icon": "Scale",
"id": "outline--scale"
},
{
"icon": "Scissors",
"id": "outline--scissors"
},
{
"icon": "Server Stack",
"id": "outline--server-stack"
},
{
"icon": "Server",
"id": "outline--server"
},
{
"icon": "Share",
"id": "outline--share"
},
{
"icon": "Shield Check",
"id": "outline--shield-check"
},
{
"icon": "Shield Exclamation",
"id": "outline--shield-exclamation"
},
{
"icon": "Shopping Bag",
"id": "outline--shopping-bag"
},
{
"icon": "Shopping Cart",
"id": "outline--shopping-cart"
},
{
"icon": "Signal Slash",
"id": "outline--signal-slash"
},
{
"icon": "Signal",
"id": "outline--signal"
},
{
"icon": "Sparkles",
"id": "outline--sparkles"
},
{
"icon": "Speaker Wave",
"id": "outline--speaker-wave"
},
{
"icon": "Speaker X Mark",
"id": "outline--speaker-x-mark"
},
{
"icon": "Square 2 Stack",
"id": "outline--square-2-stack"
},
{
"icon": "Square 3 Stack 3d",
"id": "outline--square-3-stack-3d"
},
{
"icon": "Squares 2x2",
"id": "outline--squares-2x2"
},
{
"icon": "Squares Plus",
"id": "outline--squares-plus"
},
{
"icon": "Star",
"id": "outline--star"
},
{
"icon": "Stop Circle",
"id": "outline--stop-circle"
},
{
"icon": "Stop",
"id": "outline--stop"
},
{
"icon": "Sun",
"id": "outline--sun"
},
{
"icon": "Swatch",
"id": "outline--swatch"
},
{
"icon": "Table Cells",
"id": "outline--table-cells"
},
{
"icon": "Tag",
"id": "outline--tag"
},
{
"icon": "Telegram",
"id": "outline--telegram"
},
{
"icon": "Ticket",
"id": "outline--ticket"
},
{
"icon": "Trash",
"id": "outline--trash"
},
{
"icon": "Trophy",
"id": "outline--trophy"
},
{
"icon": "Truck",
"id": "outline--truck"
},
{
"icon": "Tv",
"id": "outline--tv"
},
{
"icon": "User Circle",
"id": "outline--user-circle"
},
{
"icon": "User Group",
"id": "outline--user-group"
},
{
"icon": "User Minus",
"id": "outline--user-minus"
},
{
"icon": "User Plus",
"id": "outline--user-plus"
},
{
"icon": "User",
"id": "outline--user"
},
{
"icon": "Users",
"id": "outline--users"
},
{
"icon": "Variable",
"id": "outline--variable"
},
{
"icon": "Video Camera Slash",
"id": "outline--video-camera-slash"
},
{
"icon": "Video Camera",
"id": "outline--video-camera"
},
{
"icon": "View Columns",
"id": "outline--view-columns"
},
{
"icon": "Viewfinder Circle",
"id": "outline--viewfinder-circle"
},
{
"icon": "Wallet",
"id": "outline--wallet"
},
{
"icon": "Wifi",
"id": "outline--wifi"
},
{
"icon": "Window",
"id": "outline--window"
},
{
"icon": "Wrench Screwdriver",
"id": "outline--wrench-screwdriver"
},
{
"icon": "Wrench",
"id": "outline--wrench"
},
{
"icon": "X Circle",
"id": "outline--x-circle"
},
{
"icon": "X Mark",
"id": "outline--x-mark"
},
{
"icon": "X",
"id": "outline--x"
},
{
"icon": "Youtube",
"id": "outline--youtube"
}
]
},
{
"name": "solid",
"svgs": [
{
"icon": "Academic Cap",
"id": "solid--academic-cap"
},
{
"icon": "Adjustments Horizontal",
"id": "solid--adjustments-horizontal"
},
{
"icon": "Adjustments Vertical",
"id": "solid--adjustments-vertical"
},
{
"icon": "Android",
"id": "solid--android"
},
{
"icon": "Apple",
"id": "solid--apple"
},
{
"icon": "Archive Box Arrow Down",
"id": "solid--archive-box-arrow-down"
},
{
"icon": "Archive Box X Mark",
"id": "solid--archive-box-x-mark"
},
{
"icon": "Archive Box",
"id": "solid--archive-box"
},
{
"icon": "Arrow Down Circle",
"id": "solid--arrow-down-circle"
},
{
"icon": "Arrow Down Left",
"id": "solid--arrow-down-left"
},
{
"icon": "Arrow Down On Square Stack",
"id": "solid--arrow-down-on-square-stack"
},
{
"icon": "Arrow Down On Square",
"id": "solid--arrow-down-on-square"
},
{
"icon": "Arrow Down Right",
"id": "solid--arrow-down-right"
},
{
"icon": "Arrow Down Tray",
"id": "solid--arrow-down-tray"
},
{
"icon": "Arrow Down",
"id": "solid--arrow-down"
},
{
"icon": "Arrow Left Circle",
"id": "solid--arrow-left-circle"
},
{
"icon": "Arrow Left End On Rectangle",
"id": "solid--arrow-left-end-on-rectangle"
},
{
"icon": "Arrow Left On Rectangle",
"id": "solid--arrow-left-on-rectangle"
},
{
"icon": "Arrow Left Start On Rectangle",
"id": "solid--arrow-left-start-on-rectangle"
},
{
"icon": "Arrow Left",
"id": "solid--arrow-left"
},
{
"icon": "Arrow Long Down",
"id": "solid--arrow-long-down"
},
{
"icon": "Arrow Long Left",
"id": "solid--arrow-long-left"
},
{
"icon": "Arrow Long Right",
"id": "solid--arrow-long-right"
},
{
"icon": "Arrow Long Up",
"id": "solid--arrow-long-up"
},
{
"icon": "Arrow Path Rounded Square",
"id": "solid--arrow-path-rounded-square"
},
{
"icon": "Arrow Path",
"id": "solid--arrow-path"
},
{
"icon": "Arrow Right Circle",
"id": "solid--arrow-right-circle"
},
{
"icon": "Arrow Right End On Rectangle",
"id": "solid--arrow-right-end-on-rectangle"
},
{
"icon": "Arrow Right On Rectangle",
"id": "solid--arrow-right-on-rectangle"
},
{
"icon": "Arrow Right Start On Rectangle",
"id": "solid--arrow-right-start-on-rectangle"
},
{
"icon": "Arrow Right",
"id": "solid--arrow-right"
},
{
"icon": "Arrow Small Down",
"id": "solid--arrow-small-down"
},
{
"icon": "Arrow Small Left",
"id": "solid--arrow-small-left"
},
{
"icon": "Arrow Small Right",
"id": "solid--arrow-small-right"
},
{
"icon": "Arrow Small Up",
"id": "solid--arrow-small-up"
},
{
"icon": "Arrow Top Right On Square",
"id": "solid--arrow-top-right-on-square"
},
{
"icon": "Arrow Trending Down",
"id": "solid--arrow-trending-down"
},
{
"icon": "Arrow Trending Up",
"id": "solid--arrow-trending-up"
},
{
"icon": "Arrow Up Circle",
"id": "solid--arrow-up-circle"
},
{
"icon": "Arrow Up Left",
"id": "solid--arrow-up-left"
},
{
"icon": "Arrow Up On Square Stack",
"id": "solid--arrow-up-on-square-stack"
},
{
"icon": "Arrow Up On Square",
"id": "solid--arrow-up-on-square"
},
{
"icon": "Arrow Up Right",
"id": "solid--arrow-up-right"
},
{
"icon": "Arrow Up Tray",
"id": "solid--arrow-up-tray"
},
{
"icon": "Arrow Up",
"id": "solid--arrow-up"
},
{
"icon": "Arrow Uturn Down",
"id": "solid--arrow-uturn-down"
},
{
"icon": "Arrow Uturn Left",
"id": "solid--arrow-uturn-left"
},
{
"icon": "Arrow Uturn Right",
"id": "solid--arrow-uturn-right"
},
{
"icon": "Arrow Uturn Up",
"id": "solid--arrow-uturn-up"
},
{
"icon": "Arrows Pointing In",
"id": "solid--arrows-pointing-in"
},
{
"icon": "Arrows Pointing Out",
"id": "solid--arrows-pointing-out"
},
{
"icon": "Arrows Right Left",
"id": "solid--arrows-right-left"
},
{
"icon": "Arrows Up Down",
"id": "solid--arrows-up-down"
},
{
"icon": "At Symbol",
"id": "solid--at-symbol"
},
{
"icon": "Backspace",
"id": "solid--backspace"
},
{
"icon": "Backward",
"id": "solid--backward"
},
{
"icon": "Banknotes",
"id": "solid--banknotes"
},
{
"icon": "Bars 2",
"id": "solid--bars-2"
},
{
"icon": "Bars 3 Bottom Left",
"id": "solid--bars-3-bottom-left"
},
{
"icon": "Bars 3 Bottom Right",
"id": "solid--bars-3-bottom-right"
},
{
"icon": "Bars 3 Center Left",
"id": "solid--bars-3-center-left"
},
{
"icon": "Bars 3",
"id": "solid--bars-3"
},
{
"icon": "Bars 4",
"id": "solid--bars-4"
},
{
"icon": "Bars Arrow Down",
"id": "solid--bars-arrow-down"
},
{
"icon": "Bars Arrow Up",
"id": "solid--bars-arrow-up"
},
{
"icon": "Battery 0",
"id": "solid--battery-0"
},
{
"icon": "Battery 100",
"id": "solid--battery-100"
},
{
"icon": "Battery 50",
"id": "solid--battery-50"
},
{
"icon": "Beaker",
"id": "solid--beaker"
},
{
"icon": "Behance",
"id": "solid--behance"
},
{
"icon": "Bell Alert",
"id": "solid--bell-alert"
},
{
"icon": "Bell Slash",
"id": "solid--bell-slash"
},
{
"icon": "Bell Snooze",
"id": "solid--bell-snooze"
},
{
"icon": "Bell",
"id": "solid--bell"
},
{
"icon": "Bolt Slash",
"id": "solid--bolt-slash"
},
{
"icon": "Bolt",
"id": "solid--bolt"
},
{
"icon": "Book Open",
"id": "solid--book-open"
},
{
"icon": "Bookmark Slash",
"id": "solid--bookmark-slash"
},
{
"icon": "Bookmark Square",
"id": "solid--bookmark-square"
},
{
"icon": "Bookmark",
"id": "solid--bookmark"
},
{
"icon": "Briefcase",
"id": "solid--briefcase"
},
{
"icon": "Bug Ant",
"id": "solid--bug-ant"
},
{
"icon": "Building Library",
"id": "solid--building-library"
},
{
"icon": "Building Office 2",
"id": "solid--building-office-2"
},
{
"icon": "Building Office",
"id": "solid--building-office"
},
{
"icon": "Building Storefront",
"id": "solid--building-storefront"
},
{
"icon": "Cake",
"id": "solid--cake"
},
{
"icon": "Calculator",
"id": "solid--calculator"
},
{
"icon": "Calendar Days",
"id": "solid--calendar-days"
},
{
"icon": "Calendar",
"id": "solid--calendar"
},
{
"icon": "Camera",
"id": "solid--camera"
},
{
"icon": "Chart Bar Square",
"id": "solid--chart-bar-square"
},
{
"icon": "Chart Bar",
"id": "solid--chart-bar"
},
{
"icon": "Chart Pie",
"id": "solid--chart-pie"
},
{
"icon": "Chat Bubble Bottom Center Text",
"id": "solid--chat-bubble-bottom-center-text"
},
{
"icon": "Chat Bubble Bottom Center",
"id": "solid--chat-bubble-bottom-center"
},
{
"icon": "Chat Bubble Left Ellipsis",
"id": "solid--chat-bubble-left-ellipsis"
},
{
"icon": "Chat Bubble Left Right",
"id": "solid--chat-bubble-left-right"
},
{
"icon": "Chat Bubble Left",
"id": "solid--chat-bubble-left"
},
{
"icon": "Chat Bubble Oval Left Ellipsis",
"id": "solid--chat-bubble-oval-left-ellipsis"
},
{
"icon": "Chat Bubble Oval Left",
"id": "solid--chat-bubble-oval-left"
},
{
"icon": "Check Badge",
"id": "solid--check-badge"
},
{
"icon": "Check Circle",
"id": "solid--check-circle"
},
{
"icon": "Check",
"id": "solid--check"
},
{
"icon": "Chevron Double Down",
"id": "solid--chevron-double-down"
},
{
"icon": "Chevron Double Left",
"id": "solid--chevron-double-left"
},
{
"icon": "Chevron Double Right",
"id": "solid--chevron-double-right"
},
{
"icon": "Chevron Double Up",
"id": "solid--chevron-double-up"
},
{
"icon": "Chevron Down",
"id": "solid--chevron-down"
},
{
"icon": "Chevron Left",
"id": "solid--chevron-left"
},
{
"icon": "Chevron Right",
"id": "solid--chevron-right"
},
{
"icon": "Chevron Up Down",
"id": "solid--chevron-up-down"
},
{
"icon": "Chevron Up",
"id": "solid--chevron-up"
},
{
"icon": "Circle Stack",
"id": "solid--circle-stack"
},
{
"icon": "Circle",
"id": "solid--circle"
},
{
"icon": "Clipboard Document Check",
"id": "solid--clipboard-document-check"
},
{
"icon": "Clipboard Document List",
"id": "solid--clipboard-document-list"
},
{
"icon": "Clipboard Document",
"id": "solid--clipboard-document"
},
{
"icon": "Clipboard",
"id": "solid--clipboard"
},
{
"icon": "Clock",
"id": "solid--clock"
},
{
"icon": "Close",
"id": "solid--close"
},
{
"icon": "Cloud Arrow Down",
"id": "solid--cloud-arrow-down"
},
{
"icon": "Cloud Arrow Up",
"id": "solid--cloud-arrow-up"
},
{
"icon": "Cloud",
"id": "solid--cloud"
},
{
"icon": "Code Bracket Square",
"id": "solid--code-bracket-square"
},
{
"icon": "Code Bracket",
"id": "solid--code-bracket"
},
{
"icon": "Cog 6 Tooth",
"id": "solid--cog-6-tooth"
},
{
"icon": "Cog 8 Tooth",
"id": "solid--cog-8-tooth"
},
{
"icon": "Cog",
"id": "solid--cog"
},
{
"icon": "Command Line",
"id": "solid--command-line"
},
{
"icon": "Computer Desktop",
"id": "solid--computer-desktop"
},
{
"icon": "Cpu Chip",
"id": "solid--cpu-chip"
},
{
"icon": "Credit Card",
"id": "solid--credit-card"
},
{
"icon": "Cube Transparent",
"id": "solid--cube-transparent"
},
{
"icon": "Cube",
"id": "solid--cube"
},
{
"icon": "Currency Bangladeshi",
"id": "solid--currency-bangladeshi"
},
{
"icon": "Currency Dollar",
"id": "solid--currency-dollar"
},
{
"icon": "Currency Euro",
"id": "solid--currency-euro"
},
{
"icon": "Currency Pound",
"id": "solid--currency-pound"
},
{
"icon": "Currency Rupee",
"id": "solid--currency-rupee"
},
{
"icon": "Currency Yen",
"id": "solid--currency-yen"
},
{
"icon": "Cursor Arrow Rays",
"id": "solid--cursor-arrow-rays"
},
{
"icon": "Cursor Arrow Ripple",
"id": "solid--cursor-arrow-ripple"
},
{
"icon": "Device Phone Mobile",
"id": "solid--device-phone-mobile"
},
{
"icon": "Device Tablet",
"id": "solid--device-tablet"
},
{
"icon": "Discord",
"id": "solid--discord"
},
{
"icon": "Document Arrow Down",
"id": "solid--document-arrow-down"
},
{
"icon": "Document Arrow Up",
"id": "solid--document-arrow-up"
},
{
"icon": "Document Chart Bar",
"id": "solid--document-chart-bar"
},
{
"icon": "Document Check",
"id": "solid--document-check"
},
{
"icon": "Document Duplicate",
"id": "solid--document-duplicate"
},
{
"icon": "Document Magnifying Glass",
"id": "solid--document-magnifying-glass"
},
{
"icon": "Document Minus",
"id": "solid--document-minus"
},
{
"icon": "Document Plus",
"id": "solid--document-plus"
},
{
"icon": "Document Text",
"id": "solid--document-text"
},
{
"icon": "Document",
"id": "solid--document"
},
{
"icon": "Dribbble",
"id": "solid--dribbble"
},
{
"icon": "Ellipsis Horizontal Circle",
"id": "solid--ellipsis-horizontal-circle"
},
{
"icon": "Ellipsis Horizontal",
"id": "solid--ellipsis-horizontal"
},
{
"icon": "Ellipsis Vertical",
"id": "solid--ellipsis-vertical"
},
{
"icon": "Envelope Open",
"id": "solid--envelope-open"
},
{
"icon": "Envelope",
"id": "solid--envelope"
},
{
"icon": "Exclamation Circle",
"id": "solid--exclamation-circle"
},
{
"icon": "Exclamation Triangle",
"id": "solid--exclamation-triangle"
},
{
"icon": "Eye Dropper",
"id": "solid--eye-dropper"
},
{
"icon": "Eye Slash",
"id": "solid--eye-slash"
},
{
"icon": "Eye",
"id": "solid--eye"
},
{
"icon": "Face Frown",
"id": "solid--face-frown"
},
{
"icon": "Face Smile",
"id": "solid--face-smile"
},
{
"icon": "Facebook 1",
"id": "solid--facebook-1"
},
{
"icon": "Facebook",
"id": "solid--facebook"
},
{
"icon": "Figma",
"id": "solid--figma"
},
{
"icon": "Film",
"id": "solid--film"
},
{
"icon": "Finger Print",
"id": "solid--finger-print"
},
{
"icon": "Fire",
"id": "solid--fire"
},
{
"icon": "Flag",
"id": "solid--flag"
},
{
"icon": "Folder Arrow Down",
"id": "solid--folder-arrow-down"
},
{
"icon": "Folder Minus",
"id": "solid--folder-minus"
},
{
"icon": "Folder Open",
"id": "solid--folder-open"
},
{
"icon": "Folder Plus",
"id": "solid--folder-plus"
},
{
"icon": "Folder",
"id": "solid--folder"
},
{
"icon": "Forward",
"id": "solid--forward"
},
{
"icon": "Framer",
"id": "solid--framer"
},
{
"icon": "Funnel",
"id": "solid--funnel"
},
{
"icon": "Gif",
"id": "solid--gif"
},
{
"icon": "Gift Top",
"id": "solid--gift-top"
},
{
"icon": "Gift",
"id": "solid--gift"
},
{
"icon": "Github",
"id": "solid--github"
},
{
"icon": "Globe Alt",
"id": "solid--globe-alt"
},
{
"icon": "Globe Americas",
"id": "solid--globe-americas"
},
{
"icon": "Globe Asia Australia",
"id": "solid--globe-asia-australia"
},
{
"icon": "Globe Europe Africa",
"id": "solid--globe-europe-africa"
},
{
"icon": "Google",
"id": "solid--google"
},
{
"icon": "Hand Raised",
"id": "solid--hand-raised"
},
{
"icon": "Hand Thumb Down",
"id": "solid--hand-thumb-down"
},
{
"icon": "Hand Thumb Up",
"id": "solid--hand-thumb-up"
},
{
"icon": "Hashtag",
"id": "solid--hashtag"
},
{
"icon": "Heart",
"id": "solid--heart"
},
{
"icon": "Home Modern",
"id": "solid--home-modern"
},
{
"icon": "Home",
"id": "solid--home"
},
{
"icon": "Identification",
"id": "solid--identification"
},
{
"icon": "Inbox Arrow Down",
"id": "solid--inbox-arrow-down"
},
{
"icon": "Inbox Stack",
"id": "solid--inbox-stack"
},
{
"icon": "Inbox",
"id": "solid--inbox"
},
{
"icon": "Information Circle",
"id": "solid--information-circle"
},
{
"icon": "Instagram",
"id": "solid--instagram"
},
{
"icon": "Key",
"id": "solid--key"
},
{
"icon": "Language",
"id": "solid--language"
},
{
"icon": "Lifebuoy",
"id": "solid--lifebuoy"
},
{
"icon": "Light Bulb",
"id": "solid--light-bulb"
},
{
"icon": "Link",
"id": "solid--link"
},
{
"icon": "Linkedin",
"id": "solid--linkedin"
},
{
"icon": "List Bullet",
"id": "solid--list-bullet"
},
{
"icon": "Lock Closed",
"id": "solid--lock-closed"
},
{
"icon": "Lock Open",
"id": "solid--lock-open"
},
{
"icon": "Magnifying Glass Circle",
"id": "solid--magnifying-glass-circle"
},
{
"icon": "Magnifying Glass Minus",
"id": "solid--magnifying-glass-minus"
},
{
"icon": "Magnifying Glass Plus",
"id": "solid--magnifying-glass-plus"
},
{
"icon": "Magnifying Glass",
"id": "solid--magnifying-glass"
},
{
"icon": "Map Pin",
"id": "solid--map-pin"
},
{
"icon": "Map",
"id": "solid--map"
},
{
"icon": "Megaphone",
"id": "solid--megaphone"
},
{
"icon": "Menu",
"id": "solid--menu"
},
{
"icon": "Messenger",
"id": "solid--messenger"
},
{
"icon": "Microphone",
"id": "solid--microphone"
},
{
"icon": "Minus Circle",
"id": "solid--minus-circle"
},
{
"icon": "Minus Small",
"id": "solid--minus-small"
},
{
"icon": "Minus",
"id": "solid--minus"
},
{
"icon": "Moon",
"id": "solid--moon"
},
{
"icon": "Musical Note",
"id": "solid--musical-note"
},
{
"icon": "Newspaper",
"id": "solid--newspaper"
},
{
"icon": "No Symbol",
"id": "solid--no-symbol"
},
{
"icon": "Paint Brush",
"id": "solid--paint-brush"
},
{
"icon": "Paper Airplane",
"id": "solid--paper-airplane"
},
{
"icon": "Paper Clip",
"id": "solid--paper-clip"
},
{
"icon": "Pause Circle",
"id": "solid--pause-circle"
},
{
"icon": "Pause",
"id": "solid--pause"
},
{
"icon": "Pencil Square",
"id": "solid--pencil-square"
},
{
"icon": "Pencil",
"id": "solid--pencil"
},
{
"icon": "Phone Arrow Down Left",
"id": "solid--phone-arrow-down-left"
},
{
"icon": "Phone Arrow Up Right",
"id": "solid--phone-arrow-up-right"
},
{
"icon": "Phone X Mark",
"id": "solid--phone-x-mark"
},
{
"icon": "Phone",
"id": "solid--phone"
},
{
"icon": "Photo",
"id": "solid--photo"
},
{
"icon": "Play Circle",
"id": "solid--play-circle"
},
{
"icon": "Play Pause",
"id": "solid--play-pause"
},
{
"icon": "Play",
"id": "solid--play"
},
{
"icon": "Plus Circle",
"id": "solid--plus-circle"
},
{
"icon": "Plus Small",
"id": "solid--plus-small"
},
{
"icon": "Plus",
"id": "solid--plus"
},
{
"icon": "Power",
"id": "solid--power"
},
{
"icon": "Presentation Chart Bar",
"id": "solid--presentation-chart-bar"
},
{
"icon": "Presentation Chart Line",
"id": "solid--presentation-chart-line"
},
{
"icon": "Printer",
"id": "solid--printer"
},
{
"icon": "Puzzle Piece",
"id": "solid--puzzle-piece"
},
{
"icon": "Qr Code",
"id": "solid--qr-code"
},
{
"icon": "Question Mark Circle",
"id": "solid--question-mark-circle"
},
{
"icon": "Queue List",
"id": "solid--queue-list"
},
{
"icon": "Radio",
"id": "solid--radio"
},
{
"icon": "Receipt Percent",
"id": "solid--receipt-percent"
},
{
"icon": "Receipt Refund",
"id": "solid--receipt-refund"
},
{
"icon": "Rectangle Group",
"id": "solid--rectangle-group"
},
{
"icon": "Rectangle Stack",
"id": "solid--rectangle-stack"
},
{
"icon": "Rocket Launch",
"id": "solid--rocket-launch"
},
{
"icon": "Rss",
"id": "solid--rss"
},
{
"icon": "Scale",
"id": "solid--scale"
},
{
"icon": "Scissors",
"id": "solid--scissors"
},
{
"icon": "Server Stack",
"id": "solid--server-stack"
},
{
"icon": "Server",
"id": "solid--server"
},
{
"icon": "Share",
"id": "solid--share"
},
{
"icon": "Shield Check",
"id": "solid--shield-check"
},
{
"icon": "Shield Exclamation",
"id": "solid--shield-exclamation"
},
{
"icon": "Shopping Bag",
"id": "solid--shopping-bag"
},
{
"icon": "Shopping Cart",
"id": "solid--shopping-cart"
},
{
"icon": "Signal Slash",
"id": "solid--signal-slash"
},
{
"icon": "Signal",
"id": "solid--signal"
},
{
"icon": "Slack",
"id": "solid--slack"
},
{
"icon": "Snapchat",
"id": "solid--snapchat"
},
{
"icon": "Sparkles",
"id": "solid--sparkles"
},
{
"icon": "Speaker Wave",
"id": "solid--speaker-wave"
},
{
"icon": "Speaker X Mark",
"id": "solid--speaker-x-mark"
},
{
"icon": "Square 2 Stack",
"id": "solid--square-2-stack"
},
{
"icon": "Square 3 Stack 3d",
"id": "solid--square-3-stack-3d"
},
{
"icon": "Squares 2x2",
"id": "solid--squares-2x2"
},
{
"icon": "Squares Plus",
"id": "solid--squares-plus"
},
{
"icon": "Star",
"id": "solid--star"
},
{
"icon": "Stop Circle",
"id": "solid--stop-circle"
},
{
"icon": "Stop",
"id": "solid--stop"
},
{
"icon": "Sun",
"id": "solid--sun"
},
{
"icon": "Swatch",
"id": "solid--swatch"
},
{
"icon": "Table Cells",
"id": "solid--table-cells"
},
{
"icon": "Tag",
"id": "solid--tag"
},
{
"icon": "Telegram",
"id": "solid--telegram"
},
{
"icon": "Threads",
"id": "solid--threads"
},
{
"icon": "Ticket",
"id": "solid--ticket"
},
{
"icon": "Tik Tok",
"id": "solid--tik-tok"
},
{
"icon": "Trash",
"id": "solid--trash"
},
{
"icon": "Trophy",
"id": "solid--trophy"
},
{
"icon": "Truck",
"id": "solid--truck"
},
{
"icon": "Tv",
"id": "solid--tv"
},
{
"icon": "Twitter",
"id": "solid--twitter"
},
{
"icon": "User Circle",
"id": "solid--user-circle"
},
{
"icon": "User Group",
"id": "solid--user-group"
},
{
"icon": "User Minus",
"id": "solid--user-minus"
},
{
"icon": "User Plus",
"id": "solid--user-plus"
},
{
"icon": "User",
"id": "solid--user"
},
{
"icon": "Users",
"id": "solid--users"
},
{
"icon": "Variable",
"id": "solid--variable"
},
{
"icon": "Video Camera Slash",
"id": "solid--video-camera-slash"
},
{
"icon": "Video Camera",
"id": "solid--video-camera"
},
{
"icon": "View Columns",
"id": "solid--view-columns"
},
{
"icon": "Viewfinder Circle",
"id": "solid--viewfinder-circle"
},
{
"icon": "Wallet",
"id": "solid--wallet"
},
{
"icon": "Whatsapp",
"id": "solid--whatsapp"
},
{
"icon": "Wifi",
"id": "solid--wifi"
},
{
"icon": "Window",
"id": "solid--window"
},
{
"icon": "Windows",
"id": "solid--windows"
},
{
"icon": "Wrench Screwdriver",
"id": "solid--wrench-screwdriver"
},
{
"icon": "Wrench",
"id": "solid--wrench"
},
{
"icon": "X Circle",
"id": "solid--x-circle"
},
{
"icon": "X Mark",
"id": "solid--x-mark"
},
{
"icon": "X Solid",
"id": "solid--x-solid"
},
{
"icon": "X",
"id": "solid--x"
},
{
"icon": "Youtube",
"id": "solid--youtube"
}
]
}
]
}
Svg icons set based on Heroicons View icons here for complete documentation
Add single svg icon in directory public/svgs and run script npm run build-svg-sprite This create svg sprite used in the system.
If you use subfolders in svg folder, the subfolder name woll be used as prefix of icon id, used as refrence in svg tag eg:
for Heroicons icon in “solid” subfolder, id reference will be like: solid–arrow-left
That is {subfolderName}–{icon-name}
There are 3 styles for Heroicons:
To use Heroicons svg in, you need to use this sintax: {style}–{icon-id} eg: solid–arrow-left because folder structure use subfolders named like Heroicons styles.