# icons

name: heroicon-o-calendar-days
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calendar Days</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-calendar-days</p>
                    </div>
                </div>
            


name: heroicon-o-calendar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calendar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-calendar</p>
                    </div>
                </div>
            


name: heroicon-o-camera
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Camera</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-camera</p>
                    </div>
                </div>
            


name: heroicon-o-chart-bar-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Bar Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chart-bar-square</p>
                    </div>
                </div>
            


name: heroicon-o-chart-bar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Bar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chart-bar</p>
                    </div>
                </div>
            


name: heroicon-o-chart-pie
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Pie</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chart-pie</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-bottom-center-text
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Bottom Center Text</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-bottom-center-text</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-bottom-center
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.068.157 2.148.279 3.238.364.466.037.893.281 1.153.671L12 21l2.652-3.978c.26-.39.687-.634 1.153-.67 1.09-.086 2.17-.208 3.238-.365 1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Bottom Center</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-bottom-center</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-left-ellipsis
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left Ellipsis</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-left-ellipsis</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-left-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-left-right</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-left</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-oval-left-ellipsis
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Oval Left Ellipsis</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-oval-left-ellipsis</p>
                    </div>
                </div>
            


name: heroicon-o-chat-bubble-oval-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 0 1-.923 1.785A5.969 5.969 0 0 0 6 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Oval Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chat-bubble-oval-left</p>
                    </div>
                </div>
            


name: heroicon-o-check-badge
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check Badge</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-check-badge</p>
                    </div>
                </div>
            


name: heroicon-o-check-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-check-circle</p>
                    </div>
                </div>
            


name: heroicon-o-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-check</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-double-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 5.25 7.5 7.5 7.5-7.5m-15 6 7.5 7.5 7.5-7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-double-down</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-double-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-double-left</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-double-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-double-right</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-double-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 18.75 7.5-7.5 7.5 7.5"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 7.5-7.5 7.5 7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-double-up</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-down</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-left</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-right</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-up-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Up Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-up-down</p>
                    </div>
                </div>
            


name: heroicon-o-chevron-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-chevron-up</p>
                    </div>
                </div>
            


name: heroicon-o-circle-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Circle Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-circle-stack</p>
                    </div>
                </div>
            


name: heroicon-o-clipboard-document-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-clipboard-document-check</p>
                    </div>
                </div>
            


name: heroicon-o-clipboard-document-list
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document List</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-clipboard-document-list</p>
                    </div>
                </div>
            


name: heroicon-o-clipboard-document
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-clipboard-document</p>
                    </div>
                </div>
            


name: heroicon-o-clipboard
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-clipboard</p>
                    </div>
                </div>
            


name: heroicon-o-clock
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clock</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-clock</p>
                    </div>
                </div>
            


name: heroicon-o-cloud-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75v6.75m0 0-3-3m3 3 3-3m-8.25 6a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cloud-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-o-cloud-arrow-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud Arrow Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cloud-arrow-up</p>
                    </div>
                </div>
            


name: heroicon-o-cloud
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15a4.5 4.5 0 0 0 4.5 4.5H18a3.75 3.75 0 0 0 1.332-7.257 3 3 0 0 0-3.758-3.848 5.25 5.25 0 0 0-10.233 2.33A4.502 4.502 0 0 0 2.25 15Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cloud</p>
                    </div>
                </div>
            


name: heroicon-o-code-bracket-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Code Bracket Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-code-bracket-square</p>
                    </div>
                </div>
            


name: heroicon-o-code-bracket
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Code Bracket</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-code-bracket</p>
                    </div>
                </div>
            


name: heroicon-o-cog-6-tooth
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cog 6 Tooth</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cog-6-tooth</p>
                    </div>
                </div>
            


name: heroicon-o-cog-8-tooth
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cog 8 Tooth</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cog-8-tooth</p>
                    </div>
                </div>
            


name: heroicon-o-cog
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cog</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cog</p>
                    </div>
                </div>
            


name: heroicon-o-command-line
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Command Line</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-command-line</p>
                    </div>
                </div>
            


name: heroicon-o-computer-desktop
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Computer Desktop</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-computer-desktop</p>
                    </div>
                </div>
            


name: heroicon-o-cpu-chip
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Zm.75-12h9v9h-9v-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cpu Chip</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cpu-chip</p>
                    </div>
                </div>
            


name: heroicon-o-credit-card
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Credit Card</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-credit-card</p>
                    </div>
                </div>
            


name: heroicon-o-cube-transparent
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cube Transparent</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cube-transparent</p>
                    </div>
                </div>
            


name: heroicon-o-cube
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cube</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cube</p>
                    </div>
                </div>
            


name: heroicon-o-currency-bangladeshi
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 7.5.415-.207a.75.75 0 0 1 1.085.67V10.5m0 0h6m-6 0h-1.5m1.5 0v5.438c0 .354.161.697.473.865a3.751 3.751 0 0 0 5.452-2.553c.083-.409-.263-.75-.68-.75h-.745M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Bangladeshi</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-bangladeshi</p>
                    </div>
                </div>
            


name: heroicon-o-currency-dollar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Dollar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-dollar</p>
                    </div>
                </div>
            


name: heroicon-o-currency-euro
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 7.756a4.5 4.5 0 1 0 0 8.488M7.5 10.5h5.25m-5.25 3h5.25M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Euro</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-euro</p>
                    </div>
                </div>
            


name: heroicon-o-currency-pound
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.121 7.629A3 3 0 0 0 9.017 9.43c-.023.212-.002.425.028.636l.506 3.541a4.5 4.5 0 0 1-.43 2.65L9 16.5l1.539-.513a2.25 2.25 0 0 1 1.422 0l.655.218a2.25 2.25 0 0 0 1.718-.122L15 15.75M8.25 12H12m9 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Pound</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-pound</p>
                    </div>
                </div>
            


name: heroicon-o-currency-rupee
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 8.25H9m6 3H9m3 6-3-3h1.5a3 3 0 1 0 0-6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Rupee</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-rupee</p>
                    </div>
                </div>
            


name: heroicon-o-currency-yen
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9 7.5 3 4.5m0 0 3-4.5M12 12v5.25M15 12H9m6 3H9m12-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Currency Yen</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-currency-yen</p>
                    </div>
                </div>
            


name: heroicon-o-cursor-arrow-rays
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cursor Arrow Rays</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cursor-arrow-rays</p>
                    </div>
                </div>
            


name: heroicon-o-cursor-arrow-ripple
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cursor Arrow Ripple</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-cursor-arrow-ripple</p>
                    </div>
                </div>
            


name: heroicon-o-device-phone-mobile
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Device Phone Mobile</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-device-phone-mobile</p>
                    </div>
                </div>
            


name: heroicon-o-device-tablet
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5h3m-6.75 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-15a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 4.5v15a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Device Tablet</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-device-tablet</p>
                    </div>
                </div>
            


name: heroicon-o-divide
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.499 11.998h15m-7.5-6.75h.008v.008h-.008v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM12 18.751h.007v.007H12v-.007Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Divide</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-divide</p>
                    </div>
                </div>
            


name: heroicon-o-document-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m.75 12 3 3m0 0 3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-o-document-arrow-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Arrow Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-arrow-up</p>
                    </div>
                </div>
            


name: heroicon-o-document-chart-bar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25M9 16.5v.75m3-3v3M15 12v5.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Chart Bar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-chart-bar</p>
                    </div>
                </div>
            


name: heroicon-o-document-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-check</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-bangladeshi
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 8.25.22-.22a.75.75 0 0 1 1.28.53v6.441c0 .472.214.934.64 1.137a3.75 3.75 0 0 0 4.994-1.77c.205-.428-.152-.868-.627-.868h-.507m-6-2.25h7.5M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Bangladeshi</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-bangladeshi</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-dollar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m3.75 9v7.5m2.25-6.466a9.016 9.016 0 0 0-3.461-.203c-.536.072-.974.478-1.021 1.017a4.559 4.559 0 0 0-.018.402c0 .464.336.844.775.994l2.95 1.012c.44.15.775.53.775.994 0 .136-.006.27-.018.402-.047.539-.485.945-1.021 1.017a9.077 9.077 0 0 1-3.461-.203M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Dollar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-dollar</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-euro
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 11.625h4.5m-4.5 2.25h4.5m2.121 1.527c-1.171 1.464-3.07 1.464-4.242 0-1.172-1.465-1.172-3.84 0-5.304 1.171-1.464 3.07-1.464 4.242 0M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Euro</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-euro</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-pound
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.621 9.879a3 3 0 0 0-5.02 2.897l.164.609a4.5 4.5 0 0 1-.108 2.676l-.157.439.44-.22a2.863 2.863 0 0 1 2.185-.155c.72.24 1.507.184 2.186-.155L15 18M8.25 15.75H12m-1.5-13.5H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Pound</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-pound</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-rupee
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 9h3.75m-4.5 2.625h4.5M12 18.75 9.75 16.5h.375a2.625 2.625 0 0 0 0-5.25H9.75m.75-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Rupee</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-rupee</p>
                    </div>
                </div>
            


name: heroicon-o-document-currency-yen
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m1.5 9 2.25 3m0 0 2.25-3m-2.25 3v4.5M9.75 15h4.5m-4.5 2.25h4.5m-3.75-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Currency Yen</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-currency-yen</p>
                    </div>
                </div>
            


name: heroicon-o-document-duplicate
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Duplicate</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-duplicate</p>
                    </div>
                </div>
            


name: heroicon-o-document-magnifying-glass
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Magnifying Glass</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-magnifying-glass</p>
                    </div>
                </div>
            


name: heroicon-o-document-minus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Minus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-minus</p>
                    </div>
                </div>
            


name: heroicon-o-document-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Plus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-plus</p>
                    </div>
                </div>
            


name: heroicon-o-document-text
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document Text</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document-text</p>
                    </div>
                </div>
            


name: heroicon-o-document
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Document</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-document</p>
                    </div>
                </div>
            


name: heroicon-o-ellipsis-horizontal-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Ellipsihorizontal Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-ellipsis-horizontal-circle</p>
                    </div>
                </div>
            


name: heroicon-o-ellipsis-horizontal
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Ellipsihorizontal</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-ellipsis-horizontal</p>
                    </div>
                </div>
            


name: heroicon-o-ellipsis-vertical
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Ellipsivertical</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-ellipsis-vertical</p>
                    </div>
                </div>
            


name: heroicon-o-envelope-open
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Envelope Open</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-envelope-open</p>
                    </div>
                </div>
            


name: heroicon-o-envelope
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Envelope</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-envelope</p>
                    </div>
                </div>
            


name: heroicon-o-equals
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.499 8.248h15m-15 7.501h15"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Equals</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-equals</p>
                    </div>
                </div>
            


name: heroicon-o-exclamation-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Exclamation Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-exclamation-circle</p>
                    </div>
                </div>
            


name: heroicon-o-exclamation-triangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Exclamation Triangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-exclamation-triangle</p>
                    </div>
                </div>
            


name: heroicon-o-eye-dropper
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m15 11.25 1.5 1.5.75-.75V8.758l2.276-.61a3 3 0 1 0-3.675-3.675l-.61 2.277H12l-.75.75 1.5 1.5M15 11.25l-8.47 8.47c-.34.34-.8.53-1.28.53s-.94.19-1.28.53l-.97.97-.75-.75.97-.97c.34-.34.53-.8.53-1.28s.19-.94.53-1.28L12.75 9M15 11.25 12.75 9"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Eye Dropper</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-eye-dropper</p>
                    </div>
                </div>
            


name: heroicon-o-eye-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Eye Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-eye-slash</p>
                    </div>
                </div>
            


name: heroicon-o-eye
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Eye</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-eye</p>
                    </div>
                </div>
            


name: heroicon-o-face-frown
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 16.318A4.486 4.486 0 0 0 12.016 15a4.486 4.486 0 0 0-3.198 1.318M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Face Frown</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-face-frown</p>
                    </div>
                </div>
            


name: heroicon-o-face-smile
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Face Smile</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-face-smile</p>
                    </div>
                </div>
            


name: heroicon-o-film
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Film</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-film</p>
                    </div>
                </div>
            


name: heroicon-o-finger-print
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.864 4.243A7.5 7.5 0 0 1 19.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 0 0 4.5 10.5a7.464 7.464 0 0 1-1.15 3.993m1.989 3.559A11.209 11.209 0 0 0 8.25 10.5a3.75 3.75 0 1 1 7.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 0 1-3.6 9.75m6.633-4.596a18.666 18.666 0 0 1-2.485 5.33"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Finger Print</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-finger-print</p>
                    </div>
                </div>
            


name: heroicon-o-fire
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Fire</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-fire</p>
                    </div>
                </div>
            


name: heroicon-o-flag
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3v1.5M3 21v-6m0 0 2.77-.693a9 9 0 0 1 6.208.682l.108.054a9 9 0 0 0 6.086.71l3.114-.732a48.524 48.524 0 0 1-.005-10.499l-3.11.732a9 9 0 0 1-6.085-.711l-.108-.054a9 9 0 0 0-6.208-.682L3 4.5M3 15V4.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Flag</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-flag</p>
                    </div>
                </div>
            


name: heroicon-o-folder-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9 13.5 3 3m0 0 3-3m-3 3v-6m1.06-4.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Folder Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-folder-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-o-folder-minus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 13.5H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Folder Minus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-folder-minus</p>
                    </div>
                </div>
            


name: heroicon-o-folder-open
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 0 0-1.883 2.542l.857 6a2.25 2.25 0 0 0 2.227 1.932H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-1.883-2.542m-16.5 0V6A2.25 2.25 0 0 1 6 3.75h3.879a1.5 1.5 0 0 1 1.06.44l2.122 2.12a1.5 1.5 0 0 0 1.06.44H18A2.25 2.25 0 0 1 20.25 9v.776"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Folder Open</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-folder-open</p>
                    </div>
                </div>
            


name: heroicon-o-folder-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Folder Plus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-folder-plus</p>
                    </div>
                </div>
            


name: heroicon-o-folder
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Folder</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-folder</p>
                    </div>
                </div>
            


name: heroicon-o-forward
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 0 1 0 1.954l-7.108 4.061A1.125 1.125 0 0 1 3 16.811V8.69ZM12.75 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 0 1 0 1.954l-7.108 4.061a1.125 1.125 0 0 1-1.683-.977V8.69Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Forward</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-forward</p>
                    </div>
                </div>
            


name: heroicon-o-funnel
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Funnel</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-funnel</p>
                    </div>
                </div>
            


name: heroicon-o-gif
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 8.25v7.5m6-7.5h-3V12m0 0v3.75m0-3.75H18M9.75 9.348c-1.03-1.464-2.698-1.464-3.728 0-1.03 1.465-1.03 3.84 0 5.304 1.03 1.464 2.699 1.464 3.728 0V12h-1.5M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Gif</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-gif</p>
                    </div>
                </div>
            


name: heroicon-o-gift-top
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3.75v16.5M2.25 12h19.5M6.375 17.25a4.875 4.875 0 0 0 4.875-4.875V12m6.375 5.25a4.875 4.875 0 0 1-4.875-4.875V12m-9 8.25h16.5a1.5 1.5 0 0 0 1.5-1.5V5.25a1.5 1.5 0 0 0-1.5-1.5H3.75a1.5 1.5 0 0 0-1.5 1.5v13.5a1.5 1.5 0 0 0 1.5 1.5Zm12.621-9.44c-1.409 1.41-4.242 1.061-4.242 1.061s-.349-2.833 1.06-4.242a2.25 2.25 0 0 1 3.182 3.182ZM10.773 7.63c1.409 1.409 1.06 4.242 1.06 4.242S9 12.22 7.592 10.811a2.25 2.25 0 1 1 3.182-3.182Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Gift Top</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-gift-top</p>
                    </div>
                </div>
            


name: heroicon-o-gift
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Gift</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-gift</p>
                    </div>
                </div>
            


name: heroicon-o-globe-alt
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Globe Alt</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-globe-alt</p>
                    </div>
                </div>
            


name: heroicon-o-globe-americas
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m6.115 5.19.319 1.913A6 6 0 0 0 8.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 0 0 2.288-4.042 1.087 1.087 0 0 0-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 0 1-.98-.314l-.295-.295a1.125 1.125 0 0 1 0-1.591l.13-.132a1.125 1.125 0 0 1 1.3-.21l.603.302a.809.809 0 0 0 1.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 0 0 1.528-1.732l.146-.292M6.115 5.19A9 9 0 1 0 17.18 4.64M6.115 5.19A8.965 8.965 0 0 1 12 3c1.929 0 3.716.607 5.18 1.64"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Globe Americas</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-globe-americas</p>
                    </div>
                </div>
            


name: heroicon-o-globe-asia-australia
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 3.03v.568c0 .334.148.65.405.864l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.5 15.75l-.612.153M12.75 3.031a9 9 0 0 0-8.862 12.872M12.75 3.031a9 9 0 0 1 6.69 14.036m0 0-.177-.529A2.25 2.25 0 0 0 17.128 15H16.5l-.324-.324a1.453 1.453 0 0 0-2.328.377l-.036.073a1.586 1.586 0 0 1-.982.816l-.99.282c-.55.157-.894.702-.8 1.267l.073.438c.08.474.49.821.97.821.846 0 1.598.542 1.865 1.345l.215.643m5.276-3.67a9.012 9.012 0 0 1-5.276 3.67m0 0a9 9 0 0 1-10.275-4.835M15.75 9c0 .896-.393 1.7-1.016 2.25"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Globe Asia Australia</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-globe-asia-australia</p>
                    </div>
                </div>
            


name: heroicon-o-globe-europe-africa
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Globe Europe Africa</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-globe-europe-africa</p>
                    </div>
                </div>
            


name: heroicon-o-h1
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501m4.501-8.627 2.25-1.5v10.126m0 0h-2.25m2.25 0h2.25"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>H1</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-h1</p>
                    </div>
                </div>
            


name: heroicon-o-h2
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.683 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>H2</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-h2</p>
                    </div>
                </div>
            


name: heroicon-o-h3
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>H3</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-h3</p>
                    </div>
                </div>
            


name: heroicon-o-hand-raised
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 0 1 3.15 0V15M6.9 7.575a1.575 1.575 0 1 0-3.15 0v8.175a6.75 6.75 0 0 0 6.75 6.75h2.018a5.25 5.25 0 0 0 3.712-1.538l1.732-1.732a5.25 5.25 0 0 0 1.538-3.712l.003-2.024a.668.668 0 0 1 .198-.471 1.575 1.575 0 1 0-2.228-2.228 3.818 3.818 0 0 0-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0 1 16.35 15m.002 0h-.002"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Hand Raised</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-hand-raised</p>
                    </div>
                </div>
            


name: heroicon-o-hand-thumb-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Hand Thumb Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-hand-thumb-down</p>
                    </div>
                </div>
            


name: heroicon-o-hand-thumb-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Hand Thumb Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-hand-thumb-up</p>
                    </div>
                </div>
            


name: heroicon-o-hashtag
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5-3.9 19.5m-2.1-19.5-3.9 19.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Hashtag</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-hashtag</p>
                    </div>
                </div>
            


name: heroicon-o-heart
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Heart</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-heart</p>
                    </div>
                </div>
            


name: heroicon-o-home-modern
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Home Modern</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-home-modern</p>
                    </div>
                </div>
            


name: heroicon-o-home
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Home</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-home</p>
                    </div>
                </div>
            


name: heroicon-o-identification
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Identification</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-identification</p>
                    </div>
                </div>
            


name: heroicon-o-inbox-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 3.75H6.912a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H15M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859M12 3v8.25m0 0-3-3m3 3 3-3"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Inbox Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-inbox-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-o-inbox-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m7.875 14.25 1.214 1.942a2.25 2.25 0 0 0 1.908 1.058h2.006c.776 0 1.497-.4 1.908-1.058l1.214-1.942M2.41 9h4.636a2.25 2.25 0 0 1 1.872 1.002l.164.246a2.25 2.25 0 0 0 1.872 1.002h2.092a2.25 2.25 0 0 0 1.872-1.002l.164-.246A2.25 2.25 0 0 1 16.954 9h4.636M2.41 9a2.25 2.25 0 0 0-.16.832V12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 12V9.832c0-.287-.055-.57-.16-.832M2.41 9a2.25 2.25 0 0 1 .382-.632l3.285-3.832a2.25 2.25 0 0 1 1.708-.786h8.43c.657 0 1.281.287 1.709.786l3.284 3.832c.163.19.291.404.382.632M4.5 20.25h15A2.25 2.25 0 0 0 21.75 18v-2.625c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125V18a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Inbox Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-inbox-stack</p>
                    </div>
                </div>
            


name: heroicon-o-inbox
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 0 1 2.012 1.244l.256.512a2.25 2.25 0 0 0 2.013 1.244h3.218a2.25 2.25 0 0 0 2.013-1.244l.256-.512a2.25 2.25 0 0 1 2.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 0 0-2.15-1.588H6.911a2.25 2.25 0 0 0-2.15 1.588L2.35 13.177a2.25 2.25 0 0 0-.1.661Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Inbox</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-inbox</p>
                    </div>
                </div>
            


name: heroicon-o-information-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Information Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-information-circle</p>
                    </div>
                </div>
            


name: heroicon-o-italic
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Italic</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-italic</p>
                    </div>
                </div>
            


name: heroicon-o-key
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Key</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-key</p>
                    </div>
                </div>
            


name: heroicon-o-language
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m10.5 21 5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 0 1 6-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 0 1-3.827-5.802"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Language</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-language</p>
                    </div>
                </div>
            


name: heroicon-o-lifebuoy
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.712 4.33a9.027 9.027 0 0 1 1.652 1.306c.51.51.944 1.064 1.306 1.652M16.712 4.33l-3.448 4.138m3.448-4.138a9.014 9.014 0 0 0-9.424 0M19.67 7.288l-4.138 3.448m4.138-3.448a9.014 9.014 0 0 1 0 9.424m-4.138-5.976a3.736 3.736 0 0 0-.88-1.388 3.737 3.737 0 0 0-1.388-.88m2.268 2.268a3.765 3.765 0 0 1 0 2.528m-2.268-4.796a3.765 3.765 0 0 0-2.528 0m4.796 4.796c-.181.506-.475.982-.88 1.388a3.736 3.736 0 0 1-1.388.88m2.268-2.268 4.138 3.448m0 0a9.027 9.027 0 0 1-1.306 1.652c-.51.51-1.064.944-1.652 1.306m0 0-3.448-4.138m3.448 4.138a9.014 9.014 0 0 1-9.424 0m5.976-4.138a3.765 3.765 0 0 1-2.528 0m0 0a3.736 3.736 0 0 1-1.388-.88 3.737 3.737 0 0 1-.88-1.388m2.268 2.268L7.288 19.67m0 0a9.024 9.024 0 0 1-1.652-1.306 9.027 9.027 0 0 1-1.306-1.652m0 0 4.138-3.448M4.33 16.712a9.014 9.014 0 0 1 0-9.424m4.138 5.976a3.765 3.765 0 0 1 0-2.528m0 0c.181-.506.475-.982.88-1.388a3.736 3.736 0 0 1 1.388-.88m-2.268 2.268L4.33 7.288m6.406 1.18L7.288 4.33m0 0a9.024 9.024 0 0 0-1.652 1.306A9.025 9.025 0 0 0 4.33 7.288"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Lifebuoy</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-lifebuoy</p>
                    </div>
                </div>
            


name: heroicon-o-light-bulb
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Light Bulb</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-light-bulb</p>
                    </div>
                </div>
            


name: heroicon-o-link-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.181 8.68a4.503 4.503 0 0 1 1.903 6.405m-9.768-2.782L3.56 14.06a4.5 4.5 0 0 0 6.364 6.365l3.129-3.129m5.614-5.615 1.757-1.757a4.5 4.5 0 0 0-6.364-6.365l-4.5 4.5c-.258.26-.479.541-.661.84m1.903 6.405a4.495 4.495 0 0 1-1.242-.88 4.483 4.483 0 0 1-1.062-1.683m6.587 2.345 5.907 5.907m-5.907-5.907L8.898 8.898M2.991 2.99 8.898 8.9"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Link Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-link-slash</p>
                    </div>
                </div>
            


name: heroicon-o-link
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Link</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-link</p>
                    </div>
                </div>
            


name: heroicon-o-list-bullet
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>List Bullet</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-list-bullet</p>
                    </div>
                </div>
            


name: heroicon-o-lock-closed
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Lock Closed</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-lock-closed</p>
                    </div>
                </div>
            


name: heroicon-o-lock-open
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Lock Open</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-lock-open</p>
                    </div>
                </div>
            


name: heroicon-o-magnifying-glass-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 15.75-2.489-2.489m0 0a3.375 3.375 0 1 0-4.773-4.773 3.375 3.375 0 0 0 4.774 4.774ZM21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Magnifying Glascircle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-magnifying-glass-circle</p>
                    </div>
                </div>
            


name: heroicon-o-magnifying-glass-minus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM13.5 10.5h-6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Magnifying Glasminus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-magnifying-glass-minus</p>
                    </div>
                </div>
            


name: heroicon-o-magnifying-glass-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Magnifying Glasplus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-magnifying-glass-plus</p>
                    </div>
                </div>
            


name: heroicon-o-magnifying-glass
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Magnifying Glass</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-magnifying-glass</p>
                    </div>
                </div>
            


name: heroicon-o-map-pin
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Map Pin</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-map-pin</p>
                    </div>
                </div>
            


name: heroicon-o-map
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Map</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-map</p>
                    </div>
                </div>
            


name: heroicon-o-megaphone
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Megaphone</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-megaphone</p>
                    </div>
                </div>
            


name: heroicon-o-microphone
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Microphone</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-microphone</p>
                    </div>
                </div>
            


name: heroicon-o-minus-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Minucircle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-minus-circle</p>
                    </div>
                </div>
            


name: heroicon-o-minus-small
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Minusmall</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-minus-small</p>
                    </div>
                </div>
            


name: heroicon-o-minus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Minus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-minus</p>
                    </div>
                </div>
            


name: heroicon-o-moon
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Moon</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-moon</p>
                    </div>
                </div>
            


name: heroicon-o-musical-note
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Musical Note</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-musical-note</p>
                    </div>
                </div>
            


name: heroicon-o-newspaper
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Newspaper</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-newspaper</p>
                    </div>
                </div>
            


name: heroicon-o-no-symbol
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>No Symbol</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-no-symbol</p>
                    </div>
                </div>
            


name: heroicon-o-numbered-list
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Numbered List</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-numbered-list</p>
                    </div>
                </div>
            


name: heroicon-o-paint-brush
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Paint Brush</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-paint-brush</p>
                    </div>
                </div>
            


name: heroicon-o-paper-airplane
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Paper Airplane</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-paper-airplane</p>
                    </div>
                </div>
            


name: heroicon-o-paper-clip
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Paper Clip</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-paper-clip</p>
                    </div>
                </div>
            


name: heroicon-o-pause-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9v6m-4.5 0V9M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Pause Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-pause-circle</p>
                    </div>
                </div>
            


name: heroicon-o-pause
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Pause</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-pause</p>
                    </div>
                </div>
            


name: heroicon-o-pencil-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Pencil Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-pencil-square</p>
                    </div>
                </div>
            


name: heroicon-o-pencil
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Pencil</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-pencil</p>
                    </div>
                </div>
            


name: heroicon-o-percent-badge
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.99 14.993 6-6m6 3.001c0 1.268-.63 2.39-1.593 3.069a3.746 3.746 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043 3.745 3.745 0 0 1-3.068 1.593c-1.268 0-2.39-.63-3.068-1.593a3.745 3.745 0 0 1-3.296-1.043 3.746 3.746 0 0 1-1.043-3.297 3.746 3.746 0 0 1-1.593-3.068c0-1.268.63-2.39 1.593-3.068a3.746 3.746 0 0 1 1.043-3.297 3.745 3.745 0 0 1 3.296-1.042 3.745 3.745 0 0 1 3.068-1.594c1.268 0 2.39.63 3.068 1.593a3.745 3.745 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.297 3.746 3.746 0 0 1 1.593 3.068ZM9.74 9.743h.008v.007H9.74v-.007Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm4.125 4.5h.008v.008h-.008v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Percent Badge</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-percent-badge</p>
                    </div>
                </div>
            


name: heroicon-o-phone-arrow-down-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75v-4.5m0 4.5h4.5m-4.5 0 6-6m-3 18c-8.284 0-15-6.716-15-15V4.5A2.25 2.25 0 0 1 4.5 2.25h1.372c.516 0 .966.351 1.091.852l1.106 4.423c.11.44-.054.902-.417 1.173l-1.293.97a1.062 1.062 0 0 0-.38 1.21 12.035 12.035 0 0 0 7.143 7.143c.441.162.928-.004 1.21-.38l.97-1.293a1.125 1.125 0 0 1 1.173-.417l4.423 1.106c.5.125.852.575.852 1.091V19.5a2.25 2.25 0 0 1-2.25 2.25h-2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Phone Arrow Down Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-phone-arrow-down-left</p>
                    </div>
                </div>
            


name: heroicon-o-phone-arrow-up-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 3.75v4.5m0-4.5h-4.5m4.5 0-6 6m3 12c-8.284 0-15-6.716-15-15V4.5A2.25 2.25 0 0 1 4.5 2.25h1.372c.516 0 .966.351 1.091.852l1.106 4.423c.11.44-.054.902-.417 1.173l-1.293.97a1.062 1.062 0 0 0-.38 1.21 12.035 12.035 0 0 0 7.143 7.143c.441.162.928-.004 1.21-.38l.97-1.293a1.125 1.125 0 0 1 1.173-.417l4.423 1.106c.5.125.852.575.852 1.091V19.5a2.25 2.25 0 0 1-2.25 2.25h-2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Phone Arrow Up Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-phone-arrow-up-right</p>
                    </div>
                </div>
            


name: heroicon-o-phone-x-mark
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 3.75 18 6m0 0 2.25 2.25M18 6l2.25-2.25M18 6l-2.25 2.25m1.5 13.5c-8.284 0-15-6.716-15-15V4.5A2.25 2.25 0 0 1 4.5 2.25h1.372c.516 0 .966.351 1.091.852l1.106 4.423c.11.44-.054.902-.417 1.173l-1.293.97a1.062 1.062 0 0 0-.38 1.21 12.035 12.035 0 0 0 7.143 7.143c.441.162.928-.004 1.21-.38l.97-1.293a1.125 1.125 0 0 1 1.173-.417l4.423 1.106c.5.125.852.575.852 1.091V19.5a2.25 2.25 0 0 1-2.25 2.25h-2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Phone X Mark</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-phone-x-mark</p>
                    </div>
                </div>
            


name: heroicon-o-phone
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Phone</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-phone</p>
                    </div>
                </div>
            


name: heroicon-o-photo
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Photo</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-photo</p>
                    </div>
                </div>
            


name: heroicon-o-play-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 0 1 0 .656l-5.603 3.113a.375.375 0 0 1-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Play Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-play-circle</p>
                    </div>
                </div>
            


name: heroicon-o-play-pause
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5V18M15 7.5V18M3 16.811V8.69c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 0 1 0 1.954l-7.108 4.061A1.125 1.125 0 0 1 3 16.811Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Play Pause</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-play-pause</p>
                    </div>
                </div>
            


name: heroicon-o-play
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Play</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-play</p>
                    </div>
                </div>
            


name: heroicon-o-plus-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Plucircle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-plus-circle</p>
                    </div>
                </div>
            


name: heroicon-o-plus-small
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Plusmall</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-plus-small</p>
                    </div>
                </div>
            


name: heroicon-o-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Plus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-plus</p>
                    </div>
                </div>
            


name: heroicon-o-power
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.636 5.636a9 9 0 1 0 12.728 0M12 3v9"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Power</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-power</p>
                    </div>
                </div>
            


name: heroicon-o-presentation-chart-bar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5M9 11.25v1.5M12 9v3.75m3-6v6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Presentation Chart Bar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-presentation-chart-bar</p>
                    </div>
                </div>
            


name: heroicon-o-presentation-chart-line
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5m.75-9 3-3 2.148 2.148A12.061 12.061 0 0 1 16.5 7.605"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Presentation Chart Line</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-presentation-chart-line</p>
                    </div>
                </div>
            


name: heroicon-o-printer
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0 1 10.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0 .229 2.523a1.125 1.125 0 0 1-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0 0 21 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 0 0-1.913-.247M6.34 18H5.25A2.25 2.25 0 0 1 3 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 0 1 1.913-.247m10.5 0a48.536 48.536 0 0 0-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5Zm-3 0h.008v.008H15V10.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Printer</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-printer</p>
                    </div>
                </div>
            


name: heroicon-o-puzzle-piece
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Puzzle Piece</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-puzzle-piece</p>
                    </div>
                </div>
            


name: heroicon-o-qr-code
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Qr Code</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-qr-code</p>
                    </div>
                </div>
            


name: heroicon-o-question-mark-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Question Mark Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-question-mark-circle</p>
                    </div>
                </div>
            


name: heroicon-o-queue-list
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 0 1 0 3.75H5.625a1.875 1.875 0 0 1 0-3.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Queue List</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-queue-list</p>
                    </div>
                </div>
            


name: heroicon-o-radio
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m3.75 7.5 16.5-4.125M12 6.75c-2.708 0-5.363.224-7.948.655C2.999 7.58 2.25 8.507 2.25 9.574v9.176A2.25 2.25 0 0 0 4.5 21h15a2.25 2.25 0 0 0 2.25-2.25V9.574c0-1.067-.75-1.994-1.802-2.169A48.329 48.329 0 0 0 12 6.75Zm-1.683 6.443-.005.005-.006-.005.006-.005.005.005Zm-.005 2.127-.005-.006.005-.005.005.005-.005.005Zm-2.116-.006-.005.006-.006-.006.005-.005.006.005Zm-.005-2.116-.006-.005.006-.005.005.005-.005.005ZM9.255 10.5v.008h-.008V10.5h.008Zm3.249 1.88-.007.004-.003-.007.006-.003.004.006Zm-1.38 5.126-.003-.006.006-.004.004.007-.006.003Zm.007-6.501-.003.006-.007-.003.004-.007.006.004Zm1.37 5.129-.007-.004.004-.006.006.003-.004.007Zm.504-1.877h-.008v-.007h.008v.007ZM9.255 18v.008h-.008V18h.008Zm-3.246-1.87-.007.004L6 16.127l.006-.003.004.006Zm1.366-5.119-.004-.006.006-.004.004.007-.006.003ZM7.38 17.5l-.003.006-.007-.003.004-.007.006.004Zm-1.376-5.116L6 12.38l.003-.007.007.004-.004.007Zm-.5 1.873h-.008v-.007h.008v.007ZM17.25 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Zm0 4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Radio</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-radio</p>
                    </div>
                </div>
            


name: heroicon-o-receipt-percent
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9 14.25 6-6m4.5-3.493V21.75l-3.75-1.5-3.75 1.5-3.75-1.5-3.75 1.5V4.757c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0c1.1.128 1.907 1.077 1.907 2.185ZM9.75 9h.008v.008H9.75V9Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm4.125 4.5h.008v.008h-.008V13.5Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Receipt Percent</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-receipt-percent</p>
                    </div>
                </div>
            


name: heroicon-o-receipt-refund
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9.75h4.875a2.625 2.625 0 0 1 0 5.25H12M8.25 9.75 10.5 7.5M8.25 9.75 10.5 12m9-7.243V21.75l-3.75-1.5-3.75 1.5-3.75-1.5-3.75 1.5V4.757c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0c1.1.128 1.907 1.077 1.907 2.185Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Receipt Refund</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-receipt-refund</p>
                    </div>
                </div>
            


name: heroicon-o-rectangle-group
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Rectangle Group</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-rectangle-group</p>
                    </div>
                </div>
            


name: heroicon-o-rectangle-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Rectangle Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-rectangle-stack</p>
                    </div>
                </div>
            


name: heroicon-o-rocket-launch
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Rocket Launch</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-rocket-launch</p>
                    </div>
                </div>
            


name: heroicon-o-rss
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5 0 0 0-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Rss</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-rss</p>
                    </div>
                </div>
            


name: heroicon-o-scale
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Scale</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-scale</p>
                    </div>
                </div>
            


name: heroicon-o-scissors
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m7.848 8.25 1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.33 4.33 0 0 0 10.607 12m3.736 0 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379M14.343 12l-2.882 1.664"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Scissors</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-scissors</p>
                    </div>
                </div>
            


name: heroicon-o-server-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.25h13.5m-13.5 0a3 3 0 0 1-3-3m3 3a3 3 0 1 0 0 6h13.5a3 3 0 1 0 0-6m-16.5-3a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3m-19.5 0a4.5 4.5 0 0 1 .9-2.7L5.737 5.1a3.375 3.375 0 0 1 2.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 0 1 .9 2.7m0 0a3 3 0 0 1-3 3m0 3h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Zm-3 6h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Server Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-server-stack</p>
                    </div>
                </div>
            


name: heroicon-o-server
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 17.25v-.228a4.5 4.5 0 0 0-.12-1.03l-2.268-9.64a3.375 3.375 0 0 0-3.285-2.602H7.923a3.375 3.375 0 0 0-3.285 2.602l-2.268 9.64a4.5 4.5 0 0 0-.12 1.03v.228m19.5 0a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3m19.5 0a3 3 0 0 0-3-3H5.25a3 3 0 0 0-3 3m16.5 0h.008v.008h-.008v-.008Zm-3 0h.008v.008h-.008v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Server</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-server</p>
                    </div>
                </div>
            


name: heroicon-o-share
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Share</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-share</p>
                    </div>
                </div>
            


name: heroicon-o-shield-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Shield Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-shield-check</p>
                    </div>
                </div>
            


name: heroicon-o-shield-exclamation
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m0-10.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.25-8.25-3.286Zm0 13.036h.008v.008H12v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Shield Exclamation</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-shield-exclamation</p>
                    </div>
                </div>
            


name: heroicon-o-shopping-bag
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Shopping Bag</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-shopping-bag</p>
                    </div>
                </div>
            


name: heroicon-o-shopping-cart
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Shopping Cart</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-shopping-cart</p>
                    </div>
                </div>
            


name: heroicon-o-signal-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m3 3 8.735 8.735m0 0a.374.374 0 1 1 .53.53m-.53-.53.53.53m0 0L21 21M14.652 9.348a3.75 3.75 0 0 1 0 5.304m2.121-7.425a6.75 6.75 0 0 1 0 9.546m2.121-11.667c3.808 3.807 3.808 9.98 0 13.788m-9.546-4.242a3.733 3.733 0 0 1-1.06-2.122m-1.061 4.243a6.75 6.75 0 0 1-1.625-6.929m-.496 9.05c-3.068-3.067-3.664-7.67-1.79-11.334M12 12h.008v.008H12V12Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Signal Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-signal-slash</p>
                    </div>
                </div>
            


name: heroicon-o-signal
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.348 14.652a3.75 3.75 0 0 1 0-5.304m5.304 0a3.75 3.75 0 0 1 0 5.304m-7.425 2.121a6.75 6.75 0 0 1 0-9.546m9.546 0a6.75 6.75 0 0 1 0 9.546M5.106 18.894c-3.808-3.807-3.808-9.98 0-13.788m13.788 0c3.808 3.807 3.808 9.98 0 13.788M12 12h.008v.008H12V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Signal</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-signal</p>
                    </div>
                </div>
            


name: heroicon-o-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9 20.247 6-16.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-slash</p>
                    </div>
                </div>
            


name: heroicon-o-sparkles
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Sparkles</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-sparkles</p>
                    </div>
                </div>
            


name: heroicon-o-speaker-wave
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Speaker Wave</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-speaker-wave</p>
                    </div>
                </div>
            


name: heroicon-o-speaker-x-mark
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Speaker X Mark</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-speaker-x-mark</p>
                    </div>
                </div>
            


name: heroicon-o-square-2-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Square 2 Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-square-2-stack</p>
                    </div>
                </div>
            


name: heroicon-o-square-3-stack-3d
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.429 9.75 2.25 12l4.179 2.25m0-4.5 5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L21.75 12l-4.179 2.25m0 0 4.179 2.25L12 21.75 2.25 16.5l4.179-2.25m11.142 0-5.571 3-5.571-3"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Square 3 Stack 3D</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-square-3-stack-3d</p>
                    </div>
                </div>
            


name: heroicon-o-squares-2x2
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Square2X2</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-squares-2x2</p>
                    </div>
                </div>
            


name: heroicon-o-squares-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Squareplus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-squares-plus</p>
                    </div>
                </div>
            


name: heroicon-o-star
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Star</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-star</p>
                    </div>
                </div>
            


name: heroicon-o-stop-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 9.563C9 9.252 9.252 9 9.563 9h4.874c.311 0 .563.252.563.563v4.874c0 .311-.252.563-.563.563H9.564A.562.562 0 0 1 9 14.437V9.564Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Stop Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-stop-circle</p>
                    </div>
                </div>
            


name: heroicon-o-stop
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Stop</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-stop</p>
                    </div>
                </div>
            


name: heroicon-o-strikethrough
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 12a8.912 8.912 0 0 1-.318-.079c-1.585-.424-2.904-1.247-3.76-2.236-.873-1.009-1.265-2.19-.968-3.301.59-2.2 3.663-3.29 6.863-2.432A8.186 8.186 0 0 1 16.5 5.21M6.42 17.81c.857.99 2.176 1.812 3.761 2.237 3.2.858 6.274-.23 6.863-2.431.233-.868.044-1.779-.465-2.617M3.75 12h16.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Strikethrough</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-strikethrough</p>
                    </div>
                </div>
            


name: heroicon-o-sun
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Sun</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-sun</p>
                    </div>
                </div>
            


name: heroicon-o-swatch
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Swatch</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-swatch</p>
                    </div>
                </div>
            


name: heroicon-o-table-cells
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Table Cells</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-table-cells</p>
                    </div>
                </div>
            


name: heroicon-o-tag
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Tag</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-tag</p>
                    </div>
                </div>
            


name: heroicon-o-ticket
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Ticket</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-ticket</p>
                    </div>
                </div>
            


name: heroicon-o-trash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Trash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-trash</p>
                    </div>
                </div>
            


name: heroicon-o-trophy
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Trophy</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-trophy</p>
                    </div>
                </div>
            


name: heroicon-o-truck
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Truck</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-truck</p>
                    </div>
                </div>
            


name: heroicon-o-tv
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 20.25h12m-7.5-3v3m3-3v3m-10.125-3h17.25c.621 0 1.125-.504 1.125-1.125V4.875c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Tv</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-tv</p>
                    </div>
                </div>
            


name: heroicon-o-underline
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Underline</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-underline</p>
                    </div>
                </div>
            


name: heroicon-o-user-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>User Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-user-circle</p>
                    </div>
                </div>
            


name: heroicon-o-user-group
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>User Group</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-user-group</p>
                    </div>
                </div>
            


name: heroicon-o-user-minus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M22 10.5h-6m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM4 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 10.374 21c-2.331 0-4.512-.645-6.374-1.766Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>User Minus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-user-minus</p>
                    </div>
                </div>
            


name: heroicon-o-user-plus
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>User Plus</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-user-plus</p>
                    </div>
                </div>
            


name: heroicon-o-user
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>User</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-user</p>
                    </div>
                </div>
            


name: heroicon-o-users
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Users</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-users</p>
                    </div>
                </div>
            


name: heroicon-o-variable
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.745 3A23.933 23.933 0 0 0 3 12c0 3.183.62 6.22 1.745 9M19.5 3c.967 2.78 1.5 5.817 1.5 9s-.533 6.22-1.5 9M8.25 8.885l1.444-.89a.75.75 0 0 1 1.105.402l2.402 7.206a.75.75 0 0 0 1.104.401l1.445-.889m-8.25.75.213.09a1.687 1.687 0 0 0 2.062-.617l4.45-6.676a1.688 1.688 0 0 1 2.062-.618l.213.09"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Variable</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-variable</p>
                    </div>
                </div>
            


name: heroicon-o-video-camera-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M12 18.75H4.5a2.25 2.25 0 0 1-2.25-2.25V9m12.841 9.091L16.5 19.5m-1.409-1.409c.407-.407.659-.97.659-1.591v-9a2.25 2.25 0 0 0-2.25-2.25h-9c-.621 0-1.184.252-1.591.659m12.182 12.182L2.909 5.909M1.5 4.5l1.409 1.409"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Video Camera Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-video-camera-slash</p>
                    </div>
                </div>
            


name: heroicon-o-video-camera
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Video Camera</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-video-camera</p>
                    </div>
                </div>
            


name: heroicon-o-view-columns
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>View Columns</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-view-columns</p>
                    </div>
                </div>
            


name: heroicon-o-viewfinder-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Viewfinder Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-viewfinder-circle</p>
                    </div>
                </div>
            


name: heroicon-o-wallet
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Wallet</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-wallet</p>
                    </div>
                </div>
            


name: heroicon-o-wifi
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 0 1 7.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 0 1 1.06 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Wifi</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-wifi</p>
                    </div>
                </div>
            


name: heroicon-o-window
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Window</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-window</p>
                    </div>
                </div>
            


name: heroicon-o-wrench-screwdriver
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Wrench Screwdriver</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-wrench-screwdriver</p>
                    </div>
                </div>
            


name: heroicon-o-wrench
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75a4.5 4.5 0 0 1-4.884 4.484c-1.076-.091-2.264.071-2.95.904l-7.152 8.684a2.548 2.548 0 1 1-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5 4.5 0 0 1 6.336-4.486l-3.276 3.276a3.004 3.004 0 0 0 2.25 2.25l3.276-3.276c.256.565.398 1.192.398 1.852Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.867 19.125h.008v.008h-.008v-.008Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Wrench</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-wrench</p>
                    </div>
                </div>
            


name: heroicon-o-x-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>X Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-x-circle</p>
                    </div>
                </div>
            


name: heroicon-o-x-mark
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>X Mark</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-o-x-mark</p>
                    </div>
                </div>
            


name: heroicon-s-academic-cap
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z"/>
  <path d="M13.06 15.473a48.45 48.45 0 0 1 7.666-3.282c.134 1.414.22 2.843.255 4.284a.75.75 0 0 1-.46.711 47.87 47.87 0 0 0-8.105 4.342.75.75 0 0 1-.832 0 47.87 47.87 0 0 0-8.104-4.342.75.75 0 0 1-.461-.71c.035-1.442.121-2.87.255-4.286.921.304 1.83.634 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.66a6.727 6.727 0 0 0 .551-1.607 1.5 1.5 0 0 0 .14-2.67v-.645a48.549 48.549 0 0 1 3.44 1.667 2.25 2.25 0 0 0 2.12 0Z"/>
  <path d="M4.462 19.462c.42-.419.753-.89 1-1.395.453.214.902.435 1.347.662a6.742 6.742 0 0 1-1.286 1.794.75.75 0 0 1-1.06-1.06Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Academicap</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-academic-cap</p>
                    </div>
                </div>
            


name: heroicon-s-adjustments-horizontal
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Adjustments Horizontal</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-adjustments-horizontal</p>
                    </div>
                </div>
            


name: heroicon-s-adjustments-vertical
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M6 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 1 1 1.5 0v7.5A.75.75 0 0 1 6 12ZM18 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 18 12ZM6.75 20.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM18.75 18.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 1.5 0ZM12.75 5.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM12 21a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 12 21ZM3.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM12 11.25a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM15.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Adjustments Vertical</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-adjustments-vertical</p>
                    </div>
                </div>
            


name: heroicon-s-archive-box-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z"/>
  <path fill-rule="evenodd" d="m3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087ZM12 10.5a.75.75 0 0 1 .75.75v4.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72v-4.94a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Archive Box Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-archive-box-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-s-archive-box-x-mark
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z"/>
  <path fill-rule="evenodd" d="m3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.133 2.845a.75.75 0 0 1 1.06 0l1.72 1.72 1.72-1.72a.75.75 0 1 1 1.06 1.06l-1.72 1.72 1.72 1.72a.75.75 0 1 1-1.06 1.06L12 15.685l-1.72 1.72a.75.75 0 1 1-1.06-1.06l1.72-1.72-1.72-1.72a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Archive Box X Mark</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-archive-box-x-mark</p>
                    </div>
                </div>
            


name: heroicon-s-archive-box
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z"/>
  <path fill-rule="evenodd" d="m3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.163 3.75A.75.75 0 0 1 10 12h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Archive Box</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-archive-box</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-.53 14.03a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8.25a.75.75 0 0 0-1.5 0v5.69l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-circle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.03 3.97a.75.75 0 0 1 0 1.06L6.31 18.75h9.44a.75.75 0 0 1 0 1.5H4.5a.75.75 0 0 1-.75-.75V8.25a.75.75 0 0 1 1.5 0v9.44L18.97 3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-on-square-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M9.75 6.75h-3a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3h-3V1.5a.75.75 0 0 0-1.5 0v5.25Zm0 0h1.5v5.69l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V6.75Z" clip-rule="evenodd"/>
  <path d="M7.151 21.75a2.999 2.999 0 0 0 2.599 1.5h7.5a3 3 0 0 0 3-3v-7.5c0-1.11-.603-2.08-1.5-2.599v7.099a4.5 4.5 0 0 1-4.5 4.5H7.151Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down On Square Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-on-square-stack</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-on-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M12 1.5a.75.75 0 0 1 .75.75V7.5h-1.5V2.25A.75.75 0 0 1 12 1.5ZM11.25 7.5v5.69l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V7.5h3.75a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h3.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down On Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-on-square</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.97 3.97a.75.75 0 0 1 1.06 0l13.72 13.72V8.25a.75.75 0 0 1 1.5 0V19.5a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1 0-1.5h9.44L3.97 5.03a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down-tray
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V3a.75.75 0 0 1 .75-.75Zm-9 13.5a.75.75 0 0 1 .75.75v2.25a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V16.5a.75.75 0 0 1 1.5 0v2.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V16.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down Tray</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down-tray</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v16.19l6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 1 1 1.06-1.06l6.22 6.22V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-left-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-4.28 9.22a.75.75 0 0 0 0 1.06l3 3a.75.75 0 1 0 1.06-1.06l-1.72-1.72h5.69a.75.75 0 0 0 0-1.5h-5.69l1.72-1.72a.75.75 0 0 0-1.06-1.06l-3 3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Left Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-left-circle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-left-end-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 0 0 6 5.25v13.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5V15a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3V9A.75.75 0 0 1 15 9V5.25a1.5 1.5 0 0 0-1.5-1.5h-6Zm5.03 4.72a.75.75 0 0 1 0 1.06l-1.72 1.72h10.94a.75.75 0 0 1 0 1.5H10.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Left End On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-left-end-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-left-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 0 0 6 5.25v13.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5V15a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3V9A.75.75 0 0 1 15 9V5.25a1.5 1.5 0 0 0-1.5-1.5h-6Zm5.03 4.72a.75.75 0 0 1 0 1.06l-1.72 1.72h10.94a.75.75 0 0 1 0 1.5H10.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Left On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-left-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-left-start-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M16.5 3.75a1.5 1.5 0 0 1 1.5 1.5v13.5a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5V15a.75.75 0 0 0-1.5 0v3.75a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V5.25a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3V9A.75.75 0 1 0 9 9V5.25a1.5 1.5 0 0 1 1.5-1.5h6ZM5.78 8.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06l-1.72-1.72H15a.75.75 0 0 0 0-1.5H4.06l1.72-1.72a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Left Start On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-left-start-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-long-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v16.19l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.47V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Long Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-long-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-long-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.28 7.72a.75.75 0 0 1 0 1.06l-2.47 2.47H21a.75.75 0 0 1 0 1.5H4.81l2.47 2.47a.75.75 0 1 1-1.06 1.06l-3.75-3.75a.75.75 0 0 1 0-1.06l3.75-3.75a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Long Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-long-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-long-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Long Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-long-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-long-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Long Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-long-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-path-rounded-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 5.25c1.213 0 2.415.046 3.605.135a3.256 3.256 0 0 1 3.01 3.01c.044.583.077 1.17.1 1.759L17.03 8.47a.75.75 0 1 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0-1.06-1.06l-1.752 1.751c-.023-.65-.06-1.296-.108-1.939a4.756 4.756 0 0 0-4.392-4.392 49.422 49.422 0 0 0-7.436 0A4.756 4.756 0 0 0 3.89 8.282c-.017.224-.033.447-.046.672a.75.75 0 1 0 1.497.092c.013-.217.028-.434.044-.651a3.256 3.256 0 0 1 3.01-3.01c1.19-.09 2.392-.135 3.605-.135Zm-6.97 6.22a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.752-1.751c.023.65.06 1.296.108 1.939a4.756 4.756 0 0 0 4.392 4.392 49.413 49.413 0 0 0 7.436 0 4.756 4.756 0 0 0 4.392-4.392c.017-.223.032-.447.046-.672a.75.75 0 0 0-1.497-.092c-.013.217-.028.434-.044.651a3.256 3.256 0 0 1-3.01 3.01 47.953 47.953 0 0 1-7.21 0 3.256 3.256 0 0 1-3.01-3.01 47.759 47.759 0 0 1-.1-1.759L6.97 15.53a.75.75 0 0 0 1.06-1.06l-3-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Path Rounded Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-path-rounded-square</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-path
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Path</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-path</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-right-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm4.28 10.28a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8.25a.75.75 0 0 0 0 1.5h5.69l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Right Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-right-circle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-right-end-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M16.5 3.75a1.5 1.5 0 0 1 1.5 1.5v13.5a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1-1.5-1.5V15a.75.75 0 0 0-1.5 0v3.75a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V5.25a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3V9A.75.75 0 1 0 9 9V5.25a1.5 1.5 0 0 1 1.5-1.5h6Zm-5.03 4.72a.75.75 0 0 0 0 1.06l1.72 1.72H2.25a.75.75 0 0 0 0 1.5h10.94l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Right End On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-right-end-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-right-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 0 0 6 5.25v13.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5V15a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3V9A.75.75 0 0 1 15 9V5.25a1.5 1.5 0 0 0-1.5-1.5h-6Zm10.72 4.72a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H9a.75.75 0 0 1 0-1.5h10.94l-1.72-1.72a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Right On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-right-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-right-start-on-rectangle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 0 0 6 5.25v13.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5V15a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3V9A.75.75 0 0 1 15 9V5.25a1.5 1.5 0 0 0-1.5-1.5h-6Zm10.72 4.72a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H9a.75.75 0 0 1 0-1.5h10.94l-1.72-1.72a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Right Start On Rectangle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-right-start-on-rectangle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-small-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v13.19l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6.75 6.75a.75.75 0 0 1-1.06 0l-6.75-6.75a.75.75 0 1 1 1.06-1.06l5.47 5.47V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Small Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-small-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-small-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.25 12a.75.75 0 0 1-.75.75H6.31l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6.75-6.75a.75.75 0 0 1 0-1.06l6.75-6.75a.75.75 0 1 1 1.06 1.06l-5.47 5.47H19.5a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Small Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-small-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-small-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.75 12a.75.75 0 0 1 .75-.75h13.19l-5.47-5.47a.75.75 0 0 1 1.06-1.06l6.75 6.75a.75.75 0 0 1 0 1.06l-6.75 6.75a.75.75 0 1 1-1.06-1.06l5.47-5.47H4.5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Small Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-small-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-small-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 20.25a.75.75 0 0 1-.75-.75V6.31l-5.47 5.47a.75.75 0 0 1-1.06-1.06l6.75-6.75a.75.75 0 0 1 1.06 0l6.75 6.75a.75.75 0 1 1-1.06 1.06l-5.47-5.47V19.5a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Small Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-small-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-top-right-on-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V10.5a.75.75 0 0 1 1.5 0v8.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h8.25a.75.75 0 0 1 0 1.5H5.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Top Right On Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-top-right-on-square</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-trending-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M1.72 5.47a.75.75 0 0 1 1.06 0L9 11.69l3.756-3.756a.75.75 0 0 1 .985-.066 12.698 12.698 0 0 1 4.575 6.832l.308 1.149 2.277-3.943a.75.75 0 1 1 1.299.75l-3.182 5.51a.75.75 0 0 1-1.025.275l-5.511-3.181a.75.75 0 0 1 .75-1.3l3.943 2.277-.308-1.149a11.194 11.194 0 0 0-3.528-5.617l-3.809 3.81a.75.75 0 0 1-1.06 0L1.72 6.53a.75.75 0 0 1 0-1.061Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Trending Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-trending-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-trending-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M15.22 6.268a.75.75 0 0 1 .968-.431l5.942 2.28a.75.75 0 0 1 .431.97l-2.28 5.94a.75.75 0 1 1-1.4-.537l1.63-4.251-1.086.484a11.2 11.2 0 0 0-5.45 5.173.75.75 0 0 1-1.199.19L9 12.312l-6.22 6.22a.75.75 0 0 1-1.06-1.061l6.75-6.75a.75.75 0 0 1 1.06 0l3.606 3.606a12.695 12.695 0 0 1 5.68-4.974l1.086-.483-4.251-1.632a.75.75 0 0 1-.432-.97Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Trending Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-trending-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-down-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.239 3.749a.75.75 0 0 0-.75.75V15H5.549l2.47-2.47a.75.75 0 0 0-1.06-1.06l-3.75 3.75a.75.75 0 0 0 0 1.06l3.75 3.75a.75.75 0 1 0 1.06-1.06L5.55 16.5h14.69a.75.75 0 0 0 .75-.75V4.5a.75.75 0 0 0-.75-.751Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Down Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-down-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-down-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.74 3.749a.75.75 0 0 1 .75.75V15h13.938l-2.47-2.47a.75.75 0 0 1 1.061-1.06l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 0 1-1.06-1.06l2.47-2.47H3.738a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 .75-.751Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Down Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-down-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-left-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.24 3.75a.75.75 0 0 1-.75.75H8.989v13.939l2.47-2.47a.75.75 0 1 1 1.06 1.061l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.751-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.469V3.75a.75.75 0 0 1 .75-.75H19.49a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Left Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-left-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-left-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.24 20.249a.75.75 0 0 0-.75-.75H8.989V5.56l2.47 2.47a.75.75 0 0 0 1.06-1.061l-3.75-3.75a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 1 0 1.06 1.06l2.47-2.469V20.25c0 .414.335.75.75.75h11.25a.75.75 0 0 0 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Left Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-left-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-right-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.738 3.75c0 .414.336.75.75.75H14.99v13.939l-2.47-2.47a.75.75 0 0 0-1.06 1.061l3.75 3.75a.75.75 0 0 0 1.06 0l3.751-3.75a.75.75 0 0 0-1.06-1.06l-2.47 2.469V3.75a.75.75 0 0 0-.75-.75H4.487a.75.75 0 0 0-.75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Right Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-right-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-right-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.738 20.249a.75.75 0 0 1 .75-.75H14.99V5.56l-2.47 2.47a.75.75 0 0 1-1.06-1.061l3.75-3.75a.75.75 0 0 1 1.06 0l3.751 3.75a.75.75 0 0 1-1.06 1.06L16.49 5.56V20.25a.75.75 0 0 1-.75.75H4.487a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Right Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-right-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-up-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M20.239 20.25a.75.75 0 0 1-.75-.75V8.999H5.549l2.47 2.47a.75.75 0 0 1-1.06 1.06l-3.75-3.75a.75.75 0 0 1 0-1.06l3.75-3.75a.75.75 0 1 1 1.06 1.06l-2.47 2.47h14.69a.75.75 0 0 1 .75.75V19.5a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Up Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-up-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-turn-up-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.74 20.25a.75.75 0 0 0 .75-.75V8.999h13.938l-2.47 2.47a.75.75 0 0 0 1.061 1.06l3.75-3.75a.75.75 0 0 0 0-1.06l-3.75-3.75a.75.75 0 0 0-1.06 1.06l2.47 2.47H3.738a.75.75 0 0 0-.75.75V19.5c0 .414.336.75.75.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Turn Up Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-turn-up-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm.53 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v5.69a.75.75 0 0 0 1.5 0v-5.69l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-circle</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M5.25 6.31v9.44a.75.75 0 0 1-1.5 0V4.5a.75.75 0 0 1 .75-.75h11.25a.75.75 0 0 1 0 1.5H6.31l13.72 13.72a.75.75 0 1 1-1.06 1.06L5.25 6.31Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-on-square-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M9.97.97a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06l-1.72-1.72v3.44h-1.5V3.31L8.03 5.03a.75.75 0 0 1-1.06-1.06l3-3ZM9.75 6.75v6a.75.75 0 0 0 1.5 0v-6h3a3 3 0 0 1 3 3v7.5a3 3 0 0 1-3 3h-7.5a3 3 0 0 1-3-3v-7.5a3 3 0 0 1 3-3h3Z"/>
  <path d="M7.151 21.75a2.999 2.999 0 0 0 2.599 1.5h7.5a3 3 0 0 0 3-3v-7.5c0-1.11-.603-2.08-1.5-2.599v7.099a4.5 4.5 0 0 1-4.5 4.5H7.151Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up On Square Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-on-square-stack</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-on-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M11.47 1.72a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06l-1.72-1.72V7.5h-1.5V4.06L9.53 5.78a.75.75 0 0 1-1.06-1.06l3-3ZM11.25 7.5V15a.75.75 0 0 0 1.5 0V7.5h3.75a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h3.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up On Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-on-square</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M8.25 3.75H19.5a.75.75 0 0 1 .75.75v11.25a.75.75 0 0 1-1.5 0V6.31L5.03 20.03a.75.75 0 0 1-1.06-1.06L17.69 5.25H8.25a.75.75 0 0 1 0-1.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up-tray
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06l-3.22-3.22V16.5a.75.75 0 0 1-1.5 0V4.81L8.03 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5ZM3 15.75a.75.75 0 0 1 .75.75v2.25a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V16.5a.75.75 0 0 1 1.5 0v2.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V16.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up Tray</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up-tray</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06l-6.22-6.22V21a.75.75 0 0 1-1.5 0V4.81l-6.22 6.22a.75.75 0 1 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-uturn-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M15 3.75A5.25 5.25 0 0 0 9.75 9v10.19l4.72-4.72a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 1 1 1.06-1.06l4.72 4.72V9a6.75 6.75 0 0 1 13.5 0v3a.75.75 0 0 1-1.5 0V9c0-2.9-2.35-5.25-5.25-5.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Uturn Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-uturn-down</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-uturn-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M9.53 2.47a.75.75 0 0 1 0 1.06L4.81 8.25H15a6.75 6.75 0 0 1 0 13.5h-3a.75.75 0 0 1 0-1.5h3a5.25 5.25 0 1 0 0-10.5H4.81l4.72 4.72a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Uturn Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-uturn-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-uturn-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M14.47 2.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 1 1-1.06-1.06l4.72-4.72H9a5.25 5.25 0 1 0 0 10.5h3a.75.75 0 0 1 0 1.5H9a6.75 6.75 0 0 1 0-13.5h10.19l-4.72-4.72a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Uturn Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-uturn-right</p>
                    </div>
                </div>
            


name: heroicon-s-arrow-uturn-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M21.53 9.53a.75.75 0 0 1-1.06 0l-4.72-4.72V15a6.75 6.75 0 0 1-13.5 0v-3a.75.75 0 0 1 1.5 0v3a5.25 5.25 0 1 0 10.5 0V4.81L9.53 9.53a.75.75 0 0 1-1.06-1.06l6-6a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 0 1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrow Uturn Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrow-uturn-up</p>
                    </div>
                </div>
            


name: heroicon-s-arrows-pointing-in
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0l3.97 3.97V4.5a.75.75 0 0 1 1.5 0V9a.75.75 0 0 1-.75.75H4.5a.75.75 0 0 1 0-1.5h2.69L3.22 4.28a.75.75 0 0 1 0-1.06Zm17.56 0a.75.75 0 0 1 0 1.06l-3.97 3.97h2.69a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0ZM3.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-2.69l-3.97 3.97a.75.75 0 0 1-1.06-1.06l3.97-3.97H4.5a.75.75 0 0 1-.75-.75Zm10.5 0a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l3.97 3.97a.75.75 0 1 1-1.06 1.06l-3.97-3.97v2.69a.75.75 0 0 1-1.5 0V15Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrows Pointing In</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrows-pointing-in</p>
                    </div>
                </div>
            


name: heroicon-s-arrows-pointing-out
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrows Pointing Out</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrows-pointing-out</p>
                    </div>
                </div>
            


name: heroicon-s-arrows-right-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M15.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H7.5a.75.75 0 0 1 0-1.5h11.69l-3.22-3.22a.75.75 0 0 1 0-1.06Zm-7.94 9a.75.75 0 0 1 0 1.06l-3.22 3.22H16.5a.75.75 0 0 1 0 1.5H4.81l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrows Right Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrows-right-left</p>
                    </div>
                </div>
            


name: heroicon-s-arrows-up-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5Zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Arrows Up Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-arrows-up-down</p>
                    </div>
                </div>
            


name: heroicon-s-at-symbol
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M17.834 6.166a8.25 8.25 0 1 0 0 11.668.75.75 0 0 1 1.06 1.06c-3.807 3.808-9.98 3.808-13.788 0-3.808-3.807-3.808-9.98 0-13.788 3.807-3.808 9.98-3.808 13.788 0A9.722 9.722 0 0 1 21.75 12c0 .975-.296 1.887-.809 2.571-.514.685-1.28 1.179-2.191 1.179-.904 0-1.666-.487-2.18-1.164a5.25 5.25 0 1 1-.82-6.26V8.25a.75.75 0 0 1 1.5 0V12c0 .682.208 1.27.509 1.671.3.401.659.579.991.579.332 0 .69-.178.991-.579.3-.4.509-.99.509-1.671a8.222 8.222 0 0 0-2.416-5.834ZM15.75 12a3.75 3.75 0 1 0-7.5 0 3.75 3.75 0 0 0 7.5 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>At Symbol</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-at-symbol</p>
                    </div>
                </div>
            


name: heroicon-s-backspace
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2.515 10.674a1.875 1.875 0 0 0 0 2.652L8.89 19.7c.352.351.829.549 1.326.549H19.5a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-9.284c-.497 0-.974.198-1.326.55l-6.375 6.374ZM12.53 9.22a.75.75 0 1 0-1.06 1.06L13.19 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L15.31 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Backspace</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-backspace</p>
                    </div>
                </div>
            


name: heroicon-s-backward
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M9.195 18.44c1.25.714 2.805-.189 2.805-1.629v-2.34l6.945 3.968c1.25.715 2.805-.188 2.805-1.628V8.69c0-1.44-1.555-2.343-2.805-1.628L12 11.029v-2.34c0-1.44-1.555-2.343-2.805-1.628l-7.108 4.061c-1.26.72-1.26 2.536 0 3.256l7.108 4.061Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Backward</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-backward</p>
                    </div>
                </div>
            


name: heroicon-s-banknotes
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M12 7.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"/>
  <path fill-rule="evenodd" d="M1.5 4.875C1.5 3.839 2.34 3 3.375 3h17.25c1.035 0 1.875.84 1.875 1.875v9.75c0 1.036-.84 1.875-1.875 1.875H3.375A1.875 1.875 0 0 1 1.5 14.625v-9.75ZM8.25 9.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM18.75 9a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V9.75a.75.75 0 0 0-.75-.75h-.008ZM4.5 9.75A.75.75 0 0 1 5.25 9h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H5.25a.75.75 0 0 1-.75-.75V9.75Z" clip-rule="evenodd"/>
  <path d="M2.25 18a.75.75 0 0 0 0 1.5c5.4 0 10.63.722 15.6 2.075 1.19.324 2.4-.558 2.4-1.82V18.75a.75.75 0 0 0-.75-.75H2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Banknotes</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-banknotes</p>
                    </div>
                </div>
            


name: heroicon-s-bars-2
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 9a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 9Zm0 6.75a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 2</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-2</p>
                    </div>
                </div>
            


name: heroicon-s-bars-3-bottom-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 3 Bottom Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-3-bottom-left</p>
                    </div>
                </div>
            


name: heroicon-s-bars-3-bottom-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm8.25 5.25a.75.75 0 0 1 .75-.75h8.25a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 3 Bottom Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-3-bottom-right</p>
                    </div>
                </div>
            


name: heroicon-s-bars-3-center-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 3 Center Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-3-center-left</p>
                    </div>
                </div>
            


name: heroicon-s-bars-3
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 3</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-3</p>
                    </div>
                </div>
            


name: heroicon-s-bars-4
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 5.25Zm0 4.5A.75.75 0 0 1 3.75 9h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 9.75Zm0 4.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Zm0 4.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars 4</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-4</p>
                    </div>
                </div>
            


name: heroicon-s-bars-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm0 4.5A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm15-.75A.75.75 0 0 1 18 9v10.19l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.47V9a.75.75 0 0 1 .75-.75Zm-15 5.25a.75.75 0 0 1 .75-.75h9.75a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-s-bars-arrow-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm14.47 3.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 1 1-1.06 1.06L18 10.81V21a.75.75 0 0 1-1.5 0V10.81l-2.47 2.47a.75.75 0 1 1-1.06-1.06l3.75-3.75ZM2.25 9A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm0 4.5a.75.75 0 0 1 .75-.75h5.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bars Arrow Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bars-arrow-up</p>
                    </div>
                </div>
            


name: heroicon-s-battery-0
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M.75 9.75a3 3 0 0 1 3-3h15a3 3 0 0 1 3 3v.038c.856.173 1.5.93 1.5 1.837v2.25c0 .907-.644 1.664-1.5 1.838v.037a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3v-6Zm19.5 0a1.5 1.5 0 0 0-1.5-1.5h-15a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5v-6Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Battery 0</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-battery-0</p>
                    </div>
                </div>
            


name: heroicon-s-battery-100
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3.75 6.75a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-.037c.856-.174 1.5-.93 1.5-1.838v-2.25c0-.907-.644-1.664-1.5-1.837V9.75a3 3 0 0 0-3-3h-15Zm15 1.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-15a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h15ZM4.5 9.75a.75.75 0 0 0-.75.75V15c0 .414.336.75.75.75H18a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 0 0-.75-.75H4.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Battery 100</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-battery-100</p>
                    </div>
                </div>
            


name: heroicon-s-battery-50
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M4.5 9.75a.75.75 0 0 0-.75.75V15c0 .414.336.75.75.75h6.75A.75.75 0 0 0 12 15v-4.5a.75.75 0 0 0-.75-.75H4.5Z"/>
  <path fill-rule="evenodd" d="M3.75 6.75a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-.037c.856-.174 1.5-.93 1.5-1.838v-2.25c0-.907-.644-1.664-1.5-1.837V9.75a3 3 0 0 0-3-3h-15Zm15 1.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-15a1.5 1.5 0 0 1-1.5-1.5v-6a1.5 1.5 0 0 1 1.5-1.5h15Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Battery 50</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-battery-50</p>
                    </div>
                </div>
            


name: heroicon-s-beaker
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.5 3.798v5.02a3 3 0 0 1-.879 2.121l-2.377 2.377a9.845 9.845 0 0 1 5.091 1.013 8.315 8.315 0 0 0 5.713.636l.285-.071-3.954-3.955a3 3 0 0 1-.879-2.121v-5.02a23.614 23.614 0 0 0-3 0Zm4.5.138a.75.75 0 0 0 .093-1.495A24.837 24.837 0 0 0 12 2.25a25.048 25.048 0 0 0-3.093.191A.75.75 0 0 0 9 3.936v4.882a1.5 1.5 0 0 1-.44 1.06l-6.293 6.294c-1.62 1.621-.903 4.475 1.471 4.88 2.686.46 5.447.698 8.262.698 2.816 0 5.576-.239 8.262-.697 2.373-.406 3.092-3.26 1.47-4.881L15.44 9.879A1.5 1.5 0 0 1 15 8.818V3.936Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Beaker</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-beaker</p>
                    </div>
                </div>
            


name: heroicon-s-bell-alert
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M5.85 3.5a.75.75 0 0 0-1.117-1 9.719 9.719 0 0 0-2.348 4.876.75.75 0 0 0 1.479.248A8.219 8.219 0 0 1 5.85 3.5ZM19.267 2.5a.75.75 0 1 0-1.118 1 8.22 8.22 0 0 1 1.987 4.124.75.75 0 0 0 1.48-.248A9.72 9.72 0 0 0 19.266 2.5Z"/>
  <path fill-rule="evenodd" d="M12 2.25A6.75 6.75 0 0 0 5.25 9v.75a8.217 8.217 0 0 1-2.119 5.52.75.75 0 0 0 .298 1.206c1.544.57 3.16.99 4.831 1.243a3.75 3.75 0 1 0 7.48 0 24.583 24.583 0 0 0 4.83-1.244.75.75 0 0 0 .298-1.205 8.217 8.217 0 0 1-2.118-5.52V9A6.75 6.75 0 0 0 12 2.25ZM9.75 18c0-.034 0-.067.002-.1a25.05 25.05 0 0 0 4.496 0l.002.1a2.25 2.25 0 1 1-4.5 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bell Alert</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bell-alert</p>
                    </div>
                </div>
            


name: heroicon-s-bell-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM20.57 16.476c-.223.082-.448.161-.674.238L7.319 4.137A6.75 6.75 0 0 1 18.75 9v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206Z"/>
  <path fill-rule="evenodd" d="M5.25 9c0-.184.007-.366.022-.546l10.384 10.384a3.751 3.751 0 0 1-7.396-1.119 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bell Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bell-slash</p>
                    </div>
                </div>
            


name: heroicon-s-bell-snooze
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25A6.75 6.75 0 0 0 5.25 9v.75a8.217 8.217 0 0 1-2.119 5.52.75.75 0 0 0 .298 1.206c1.544.57 3.16.99 4.831 1.243a3.75 3.75 0 1 0 7.48 0 24.583 24.583 0 0 0 4.83-1.244.75.75 0 0 0 .298-1.205 8.217 8.217 0 0 1-2.118-5.52V9A6.75 6.75 0 0 0 12 2.25ZM9.75 18c0-.034 0-.067.002-.1a25.05 25.05 0 0 0 4.496 0l.002.1a2.25 2.25 0 1 1-4.5 0Zm.75-10.5a.75.75 0 0 0 0 1.5h1.599l-2.223 3.334A.75.75 0 0 0 10.5 13.5h3a.75.75 0 0 0 0-1.5h-1.599l2.223-3.334A.75.75 0 0 0 13.5 7.5h-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bell Snooze</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bell-snooze</p>
                    </div>
                </div>
            


name: heroicon-s-bell
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bell</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bell</p>
                    </div>
                </div>
            


name: heroicon-s-bold
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M5.246 3.744a.75.75 0 0 1 .75-.75h7.125a4.875 4.875 0 0 1 3.346 8.422 5.25 5.25 0 0 1-2.97 9.58h-7.5a.75.75 0 0 1-.75-.75V3.744Zm7.125 6.75a2.625 2.625 0 0 0 0-5.25H8.246v5.25h4.125Zm-4.125 2.251v6h4.5a3 3 0 0 0 0-6h-4.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bold</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bold</p>
                    </div>
                </div>
            


name: heroicon-s-bolt-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="m20.798 11.012-3.188 3.416L9.462 6.28l4.24-4.542a.75.75 0 0 1 1.272.71L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262ZM3.202 12.988 6.39 9.572l8.148 8.148-4.24 4.542a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262ZM3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bolt Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bolt-slash</p>
                    </div>
                </div>
            


name: heroicon-s-bolt
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bolt</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bolt</p>
                    </div>
                </div>
            


name: heroicon-s-book-open
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M11.25 4.533A9.707 9.707 0 0 0 6 3a9.735 9.735 0 0 0-3.25.555.75.75 0 0 0-.5.707v14.25a.75.75 0 0 0 1 .707A8.237 8.237 0 0 1 6 18.75c1.995 0 3.823.707 5.25 1.886V4.533ZM12.75 20.636A8.214 8.214 0 0 1 18 18.75c.966 0 1.89.166 2.75.47a.75.75 0 0 0 1-.708V4.262a.75.75 0 0 0-.5-.707A9.735 9.735 0 0 0 18 3a9.707 9.707 0 0 0-5.25 1.533v16.103Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Book Open</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-book-open</p>
                    </div>
                </div>
            


name: heroicon-s-bookmark-slash
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM20.25 5.507v11.561L5.853 2.671c.15-.043.306-.075.467-.094a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93ZM3.75 21V6.932l14.063 14.063L12 18.088l-7.165 3.583A.75.75 0 0 1 3.75 21Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bookmark Slash</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bookmark-slash</p>
                    </div>
                </div>
            


name: heroicon-s-bookmark-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm1.5 1.5a.75.75 0 0 0-.75.75V16.5a.75.75 0 0 0 1.085.67L12 15.089l4.165 2.083a.75.75 0 0 0 1.085-.671V5.25a.75.75 0 0 0-.75-.75h-9Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bookmark Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bookmark-square</p>
                    </div>
                </div>
            


name: heroicon-s-bookmark
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bookmark</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bookmark</p>
                    </div>
                </div>
            


name: heroicon-s-briefcase
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.5 5.25a3 3 0 0 1 3-3h3a3 3 0 0 1 3 3v.205c.933.085 1.857.197 2.774.334 1.454.218 2.476 1.483 2.476 2.917v3.033c0 1.211-.734 2.352-1.936 2.752A24.726 24.726 0 0 1 12 15.75c-2.73 0-5.357-.442-7.814-1.259-1.202-.4-1.936-1.541-1.936-2.752V8.706c0-1.434 1.022-2.7 2.476-2.917A48.814 48.814 0 0 1 7.5 5.455V5.25Zm7.5 0v.09a49.488 49.488 0 0 0-6 0v-.09a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5Zm-3 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
  <path d="M3 18.4v-2.796a4.3 4.3 0 0 0 .713.31A26.226 26.226 0 0 0 12 17.25c2.892 0 5.68-.468 8.287-1.335.252-.084.49-.189.713-.311V18.4c0 1.452-1.047 2.728-2.523 2.923-2.12.282-4.282.427-6.477.427a49.19 49.19 0 0 1-6.477-.427C4.047 21.128 3 19.852 3 18.4Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Briefcase</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-briefcase</p>
                    </div>
                </div>
            


name: heroicon-s-bug-ant
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M8.478 1.6a.75.75 0 0 1 .273 1.026 3.72 3.72 0 0 0-.425 1.121c.058.058.118.114.18.168A4.491 4.491 0 0 1 12 2.25c1.413 0 2.673.651 3.497 1.668.06-.054.12-.11.178-.167a3.717 3.717 0 0 0-.426-1.125.75.75 0 1 1 1.298-.752 5.22 5.22 0 0 1 .671 2.046.75.75 0 0 1-.187.582c-.241.27-.505.52-.787.749a4.494 4.494 0 0 1 .216 2.1c-.106.792-.753 1.295-1.417 1.403-.182.03-.364.057-.547.081.152.227.273.476.359.742a23.122 23.122 0 0 0 3.832-.803 23.241 23.241 0 0 0-.345-2.634.75.75 0 0 1 1.474-.28c.21 1.115.348 2.256.404 3.418a.75.75 0 0 1-.516.75c-1.527.499-3.119.854-4.76 1.049-.074.38-.22.735-.423 1.05 2.066.209 4.058.672 5.943 1.358a.75.75 0 0 1 .492.75 24.665 24.665 0 0 1-1.189 6.25.75.75 0 0 1-1.425-.47 23.14 23.14 0 0 0 1.077-5.306c-.5-.169-1.009-.32-1.524-.455.068.234.104.484.104.746 0 3.956-2.521 7.5-6 7.5-3.478 0-6-3.544-6-7.5 0-.262.037-.511.104-.746-.514.135-1.022.286-1.522.455.154 1.838.52 3.616 1.077 5.307a.75.75 0 1 1-1.425.468 24.662 24.662 0 0 1-1.19-6.25.75.75 0 0 1 .493-.749 24.586 24.586 0 0 1 4.964-1.24h.01c.321-.046.644-.085.969-.118a2.983 2.983 0 0 1-.424-1.05 24.614 24.614 0 0 1-4.76-1.05.75.75 0 0 1-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75 0 0 1 1.474.28c-.164.862-.28 1.74-.345 2.634 1.237.371 2.517.642 3.832.803.085-.266.207-.515.359-.742a18.698 18.698 0 0 1-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.535 4.535 0 0 1 .217-2.103 6.788 6.788 0 0 1-.788-.751.75.75 0 0 1-.187-.583 5.22 5.22 0 0 1 .67-2.04.75.75 0 0 1 1.026-.273Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Bug Ant</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-bug-ant</p>
                    </div>
                </div>
            


name: heroicon-s-building-library
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M11.584 2.376a.75.75 0 0 1 .832 0l9 6a.75.75 0 1 1-.832 1.248L12 3.901 3.416 9.624a.75.75 0 0 1-.832-1.248l9-6Z"/>
  <path fill-rule="evenodd" d="M20.25 10.332v9.918H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h.75v-9.918a.75.75 0 0 1 .634-.74A49.109 49.109 0 0 1 12 9c2.59 0 5.134.202 7.616.592a.75.75 0 0 1 .634.74Zm-7.5 2.418a.75.75 0 0 0-1.5 0v6.75a.75.75 0 0 0 1.5 0v-6.75Zm3-.75a.75.75 0 0 1 .75.75v6.75a.75.75 0 0 1-1.5 0v-6.75a.75.75 0 0 1 .75-.75ZM9 12.75a.75.75 0 0 0-1.5 0v6.75a.75.75 0 0 0 1.5 0v-6.75Z" clip-rule="evenodd"/>
  <path d="M12 7.875a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Building Library</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-building-library</p>
                    </div>
                </div>
            


name: heroicon-s-building-office-2
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 2.25a.75.75 0 0 0 0 1.5v16.5h-.75a.75.75 0 0 0 0 1.5H15v-18a.75.75 0 0 0 0-1.5H3ZM6.75 19.5v-2.25a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75ZM6 6.75A.75.75 0 0 1 6.75 6h.75a.75.75 0 0 1 0 1.5h-.75A.75.75 0 0 1 6 6.75ZM6.75 9a.75.75 0 0 0 0 1.5h.75a.75.75 0 0 0 0-1.5h-.75ZM6 12.75a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1-.75-.75ZM10.5 6a.75.75 0 0 0 0 1.5h.75a.75.75 0 0 0 0-1.5h-.75Zm-.75 3.75A.75.75 0 0 1 10.5 9h.75a.75.75 0 0 1 0 1.5h-.75a.75.75 0 0 1-.75-.75ZM10.5 12a.75.75 0 0 0 0 1.5h.75a.75.75 0 0 0 0-1.5h-.75ZM16.5 6.75v15h5.25a.75.75 0 0 0 0-1.5H21v-12a.75.75 0 0 0 0-1.5h-4.5Zm1.5 4.5a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 2.25a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75v-.008a.75.75 0 0 0-.75-.75h-.008ZM18 17.25a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Building Office 2</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-building-office-2</p>
                    </div>
                </div>
            


name: heroicon-s-building-office
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.5 2.25a.75.75 0 0 0 0 1.5v16.5h-.75a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5h-.75V3.75a.75.75 0 0 0 0-1.5h-15ZM9 6a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H9Zm-.75 3.75A.75.75 0 0 1 9 9h1.5a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM9 12a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5H9Zm3.75-5.25A.75.75 0 0 1 13.5 6H15a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75ZM13.5 9a.75.75 0 0 0 0 1.5H15A.75.75 0 0 0 15 9h-1.5Zm-.75 3.75a.75.75 0 0 1 .75-.75H15a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75ZM9 19.5v-2.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 9 19.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Building Office</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-building-office</p>
                    </div>
                </div>
            


name: heroicon-s-building-storefront
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M5.223 2.25c-.497 0-.974.198-1.325.55l-1.3 1.298A3.75 3.75 0 0 0 7.5 9.75c.627.47 1.406.75 2.25.75.844 0 1.624-.28 2.25-.75.626.47 1.406.75 2.25.75.844 0 1.623-.28 2.25-.75a3.75 3.75 0 0 0 4.902-5.652l-1.3-1.299a1.875 1.875 0 0 0-1.325-.549H5.223Z"/>
  <path fill-rule="evenodd" d="M3 20.25v-8.755c1.42.674 3.08.673 4.5 0A5.234 5.234 0 0 0 9.75 12c.804 0 1.568-.182 2.25-.506a5.234 5.234 0 0 0 2.25.506c.804 0 1.567-.182 2.25-.506 1.42.674 3.08.675 4.5.001v8.755h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3Zm3-6a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-3Zm8.25-.75a.75.75 0 0 0-.75.75v5.25c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-5.25a.75.75 0 0 0-.75-.75h-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Building Storefront</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-building-storefront</p>
                    </div>
                </div>
            


name: heroicon-s-cake
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="m15 1.784-.796.795a1.125 1.125 0 1 0 1.591 0L15 1.784ZM12 1.784l-.796.795a1.125 1.125 0 1 0 1.591 0L12 1.784ZM9 1.784l-.796.795a1.125 1.125 0 1 0 1.591 0L9 1.784ZM9.75 7.547c.498-.021.998-.035 1.5-.042V6.75a.75.75 0 0 1 1.5 0v.755c.502.007 1.002.021 1.5.042V6.75a.75.75 0 0 1 1.5 0v.88l.307.022c1.55.117 2.693 1.427 2.693 2.946v1.018a62.182 62.182 0 0 0-13.5 0v-1.018c0-1.519 1.143-2.829 2.693-2.946l.307-.022v-.88a.75.75 0 0 1 1.5 0v.797ZM12 12.75c-2.472 0-4.9.184-7.274.54-1.454.217-2.476 1.482-2.476 2.916v.384a4.104 4.104 0 0 1 2.585.364 2.605 2.605 0 0 0 2.33 0 4.104 4.104 0 0 1 3.67 0 2.605 2.605 0 0 0 2.33 0 4.104 4.104 0 0 1 3.67 0 2.605 2.605 0 0 0 2.33 0 4.104 4.104 0 0 1 2.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49.138 49.138 0 0 0 12 12.75ZM21.75 18.131a2.604 2.604 0 0 0-1.915.165 4.104 4.104 0 0 1-3.67 0 2.605 2.605 0 0 0-2.33 0 4.104 4.104 0 0 1-3.67 0 2.605 2.605 0 0 0-2.33 0 4.104 4.104 0 0 1-3.67 0 2.604 2.604 0 0 0-1.915-.165v2.494c0 1.035.84 1.875 1.875 1.875h15.75c1.035 0 1.875-.84 1.875-1.875v-2.494Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cake</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cake</p>
                    </div>
                </div>
            


name: heroicon-s-calculator
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6.32 1.827a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V19.5a3 3 0 0 1-3 3H6.75a3 3 0 0 1-3-3V4.757c0-1.47 1.073-2.756 2.57-2.93ZM7.5 11.25a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H8.25Zm-.75 3a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75H8.25Zm1.748-6a.75.75 0 0 1 .75-.75h.007a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.007a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.335.75.75.75h.007a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.007Zm-.75 3a.75.75 0 0 1 .75-.75h.007a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.007a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.335.75.75.75h.007a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75h-.007Zm1.754-6a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.008Zm-.75 3a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75h-.008Zm1.748-6a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.008Zm-8.25-6A.75.75 0 0 1 8.25 6h7.5a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75v-.75Zm9 9a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-2.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calculator</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-calculator</p>
                    </div>
                </div>
            


name: heroicon-s-calendar-date-range
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M12 11.993a.75.75 0 0 0-.75.75v.006c0 .414.336.75.75.75h.006a.75.75 0 0 0 .75-.75v-.006a.75.75 0 0 0-.75-.75H12ZM12 16.494a.75.75 0 0 0-.75.75v.005c0 .414.335.75.75.75h.005a.75.75 0 0 0 .75-.75v-.005a.75.75 0 0 0-.75-.75H12ZM8.999 17.244a.75.75 0 0 1 .75-.75h.006a.75.75 0 0 1 .75.75v.006a.75.75 0 0 1-.75.75h-.006a.75.75 0 0 1-.75-.75v-.006ZM7.499 16.494a.75.75 0 0 0-.75.75v.005c0 .414.336.75.75.75h.005a.75.75 0 0 0 .75-.75v-.005a.75.75 0 0 0-.75-.75H7.5ZM13.499 14.997a.75.75 0 0 1 .75-.75h.006a.75.75 0 0 1 .75.75v.005a.75.75 0 0 1-.75.75h-.006a.75.75 0 0 1-.75-.75v-.005ZM14.25 16.494a.75.75 0 0 0-.75.75v.006c0 .414.335.75.75.75h.005a.75.75 0 0 0 .75-.75v-.006a.75.75 0 0 0-.75-.75h-.005ZM15.75 14.995a.75.75 0 0 1 .75-.75h.005a.75.75 0 0 1 .75.75v.006a.75.75 0 0 1-.75.75H16.5a.75.75 0 0 1-.75-.75v-.006ZM13.498 12.743a.75.75 0 0 1 .75-.75h2.25a.75.75 0 1 1 0 1.5h-2.25a.75.75 0 0 1-.75-.75ZM6.748 14.993a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"/>
  <path fill-rule="evenodd" d="M18 2.993a.75.75 0 0 0-1.5 0v1.5h-9V2.994a.75.75 0 1 0-1.5 0v1.497h-.752a3 3 0 0 0-3 3v11.252a3 3 0 0 0 3 3h13.5a3 3 0 0 0 3-3V7.492a3 3 0 0 0-3-3H18V2.993ZM3.748 18.743v-7.5a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5h-13.5a1.5 1.5 0 0 1-1.5-1.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calendar Date Range</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-calendar-date-range</p>
                    </div>
                </div>
            


name: heroicon-s-calendar-days
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M12.75 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.25 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM9.75 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10.5 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.75 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM14.25 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/>
  <path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calendar Days</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-calendar-days</p>
                    </div>
                </div>
            


name: heroicon-s-calendar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Calendar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-calendar</p>
                    </div>
                </div>
            


name: heroicon-s-camera
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z"/>
  <path fill-rule="evenodd" d="M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Camera</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-camera</p>
                    </div>
                </div>
            


name: heroicon-s-chart-bar-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm4.5 7.5a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0v-2.25a.75.75 0 0 1 .75-.75Zm3.75-1.5a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0V12Zm2.25-3a.75.75 0 0 1 .75.75v6.75a.75.75 0 0 1-1.5 0V9.75A.75.75 0 0 1 13.5 9Zm3.75-1.5a.75.75 0 0 0-1.5 0v9a.75.75 0 0 0 1.5 0v-9Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Bar Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chart-bar-square</p>
                    </div>
                </div>
            


name: heroicon-s-chart-bar
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75ZM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 0 1-1.875-1.875V8.625ZM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 0 1 3 19.875v-6.75Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Bar</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chart-bar</p>
                    </div>
                </div>
            


name: heroicon-s-chart-pie
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chart Pie</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chart-pie</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-bottom-center-text
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 0 1-3.476.383.39.39 0 0 0-.297.17l-2.755 4.133a.75.75 0 0 1-1.248 0l-2.755-4.133a.39.39 0 0 0-.297-.17 48.9 48.9 0 0 1-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97ZM6.75 8.25a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Bottom Center Text</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-bottom-center-text</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-bottom-center
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97a48.901 48.901 0 0 1-3.476.383.39.39 0 0 0-.297.17l-2.755 4.133a.75.75 0 0 1-1.248 0l-2.755-4.133a.39.39 0 0 0-.297-.17 48.9 48.9 0 0 1-3.476-.384c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Bottom Center</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-bottom-center</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-left-ellipsis
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-2.429 0-4.817.178-7.152.521C2.87 3.061 1.5 4.795 1.5 6.741v6.018c0 1.946 1.37 3.68 3.348 3.97.877.129 1.761.234 2.652.316V21a.75.75 0 0 0 1.28.53l4.184-4.183a.39.39 0 0 1 .266-.112c2.006-.05 3.982-.22 5.922-.506 1.978-.29 3.348-2.023 3.348-3.97V6.741c0-1.947-1.37-3.68-3.348-3.97A49.145 49.145 0 0 0 12 2.25ZM8.25 8.625a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Zm2.625 1.125a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Zm4.875-1.125a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left Ellipsis</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-left-ellipsis</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-left-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M4.913 2.658c2.075-.27 4.19-.408 6.337-.408 2.147 0 4.262.139 6.337.408 1.922.25 3.291 1.861 3.405 3.727a4.403 4.403 0 0 0-1.032-.211 50.89 50.89 0 0 0-8.42 0c-2.358.196-4.04 2.19-4.04 4.434v4.286a4.47 4.47 0 0 0 2.433 3.984L7.28 21.53A.75.75 0 0 1 6 21v-4.03a48.527 48.527 0 0 1-1.087-.128C2.905 16.58 1.5 14.833 1.5 12.862V6.638c0-1.97 1.405-3.718 3.413-3.979Z"/>
  <path d="M15.75 7.5c-1.376 0-2.739.057-4.086.169C10.124 7.797 9 9.103 9 10.609v4.285c0 1.507 1.128 2.814 2.67 2.94 1.243.102 2.5.157 3.768.165l2.782 2.781a.75.75 0 0 0 1.28-.53v-2.39l.33-.026c1.542-.125 2.67-1.433 2.67-2.94v-4.286c0-1.505-1.125-2.811-2.664-2.94A49.392 49.392 0 0 0 15.75 7.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-left-right</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.848 2.771A49.144 49.144 0 0 1 12 2.25c2.43 0 4.817.178 7.152.52 1.978.292 3.348 2.024 3.348 3.97v6.02c0 1.946-1.37 3.678-3.348 3.97-1.94.284-3.916.455-5.922.505a.39.39 0 0 0-.266.112L8.78 21.53A.75.75 0 0 1 7.5 21v-3.955a48.842 48.842 0 0 1-2.652-.316c-1.978-.29-3.348-2.024-3.348-3.97V6.741c0-1.946 1.37-3.68 3.348-3.97Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-left</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-oval-left-ellipsis
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.804 21.644A6.707 6.707 0 0 0 6 21.75a6.721 6.721 0 0 0 3.583-1.029c.774.182 1.584.279 2.417.279 5.322 0 9.75-3.97 9.75-9 0-5.03-4.428-9-9.75-9s-9.75 3.97-9.75 9c0 2.409 1.025 4.587 2.674 6.192.232.226.277.428.254.543a3.73 3.73 0 0 1-.814 1.686.75.75 0 0 0 .44 1.223ZM8.25 10.875a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25ZM10.875 12a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Zm4.875-1.125a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Oval Left Ellipsis</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-oval-left-ellipsis</p>
                    </div>
                </div>
            


name: heroicon-s-chat-bubble-oval-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M5.337 21.718a6.707 6.707 0 0 1-.533-.074.75.75 0 0 1-.44-1.223 3.73 3.73 0 0 0 .814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 0 1-4.246.997Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chat Bubble Oval Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chat-bubble-oval-left</p>
                    </div>
                </div>
            


name: heroicon-s-check-badge
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check Badge</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-check-badge</p>
                    </div>
                </div>
            


name: heroicon-s-check-circle
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check Circle</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-check-circle</p>
                    </div>
                </div>
            


name: heroicon-s-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-check</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-double-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 13.28a.75.75 0 0 0 1.06 0l7.5-7.5a.75.75 0 0 0-1.06-1.06L12 11.69 5.03 4.72a.75.75 0 0 0-1.06 1.06l7.5 7.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M11.47 19.28a.75.75 0 0 0 1.06 0l7.5-7.5a.75.75 0 1 0-1.06-1.06L12 17.69l-6.97-6.97a.75.75 0 0 0-1.06 1.06l7.5 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-double-down</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-double-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.72 11.47a.75.75 0 0 0 0 1.06l7.5 7.5a.75.75 0 1 0 1.06-1.06L12.31 12l6.97-6.97a.75.75 0 0 0-1.06-1.06l-7.5 7.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M4.72 11.47a.75.75 0 0 0 0 1.06l7.5 7.5a.75.75 0 1 0 1.06-1.06L6.31 12l6.97-6.97a.75.75 0 0 0-1.06-1.06l-7.5 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-double-left</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-double-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M13.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L11.69 12 4.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M19.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06L17.69 12l-6.97-6.97a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-double-right</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-double-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 10.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 12.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M11.47 4.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 6.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Double Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-double-up</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-down</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-left
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Left</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-left</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-right
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Right</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-right</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-up-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Up Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-up-down</p>
                    </div>
                </div>
            


name: heroicon-s-chevron-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Chevron Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-chevron-up</p>
                    </div>
                </div>
            


name: heroicon-s-circle-stack
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z"/>
  <path d="M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z"/>
  <path d="M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z"/>
  <path d="M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Circle Stack</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-circle-stack</p>
                    </div>
                </div>
            


name: heroicon-s-clipboard-document-check
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document Check</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-clipboard-document-check</p>
                    </div>
                </div>
            


name: heroicon-s-clipboard-document-list
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd"/>
  <path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375ZM6 12a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V12Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM6 15a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V15Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM6 18a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V18Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document List</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-clipboard-document-list</p>
                    </div>
                </div>
            


name: heroicon-s-clipboard-document
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M17.663 3.118c.225.015.45.032.673.05C19.876 3.298 21 4.604 21 6.109v9.642a3 3 0 0 1-3 3V16.5c0-5.922-4.576-10.775-10.384-11.217.324-1.132 1.3-2.01 2.548-2.114.224-.019.448-.036.673-.051A3 3 0 0 1 13.5 1.5H15a3 3 0 0 1 2.663 1.618ZM12 4.5A1.5 1.5 0 0 1 13.5 3H15a1.5 1.5 0 0 1 1.5 1.5H12Z" clip-rule="evenodd"/>
  <path d="M3 8.625c0-1.036.84-1.875 1.875-1.875h.375A3.75 3.75 0 0 1 9 10.5v1.875c0 1.036.84 1.875 1.875 1.875h1.875A3.75 3.75 0 0 1 16.5 18v2.625c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625v-12Z"/>
  <path d="M10.5 10.5a5.23 5.23 0 0 0-1.279-3.434 9.768 9.768 0 0 1 6.963 6.963 5.23 5.23 0 0 0-3.434-1.279h-1.875a.375.375 0 0 1-.375-.375V10.5Z"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard Document</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-clipboard-document</p>
                    </div>
                </div>
            


name: heroicon-s-clipboard
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.5 3A1.501 1.501 0 0 0 9 4.5h6A1.5 1.5 0 0 0 13.5 3h-3Zm-2.693.178A3 3 0 0 1 10.5 1.5h3a3 3 0 0 1 2.694 1.678c.497.042.992.092 1.486.15 1.497.173 2.57 1.46 2.57 2.929V19.5a3 3 0 0 1-3 3H6.75a3 3 0 0 1-3-3V6.257c0-1.47 1.073-2.756 2.57-2.93.493-.057.989-.107 1.487-.15Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clipboard</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-clipboard</p>
                    </div>
                </div>
            


name: heroicon-s-clock
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75V6Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Clock</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-clock</p>
                    </div>
                </div>
            


name: heroicon-s-cloud-arrow-down
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.5 3.75a6 6 0 0 0-5.98 6.496A5.25 5.25 0 0 0 6.75 20.25H18a4.5 4.5 0 0 0 2.206-8.423 3.75 3.75 0 0 0-4.133-4.303A6.001 6.001 0 0 0 10.5 3.75Zm2.25 6a.75.75 0 0 0-1.5 0v4.94l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V9.75Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud Arrow Down</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cloud-arrow-down</p>
                    </div>
                </div>
            


name: heroicon-s-cloud-arrow-up
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.5 3.75a6 6 0 0 0-5.98 6.496A5.25 5.25 0 0 0 6.75 20.25H18a4.5 4.5 0 0 0 2.206-8.423 3.75 3.75 0 0 0-4.133-4.303A6.001 6.001 0 0 0 10.5 3.75Zm2.03 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v4.94a.75.75 0 0 0 1.5 0v-4.94l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud Arrow Up</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cloud-arrow-up</p>
                    </div>
                </div>
            


name: heroicon-s-cloud
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.5 9.75a6 6 0 0 1 11.573-2.226 3.75 3.75 0 0 1 4.133 4.303A4.5 4.5 0 0 1 18 20.25H6.75a5.25 5.25 0 0 1-2.23-10.004 6.072 6.072 0 0 1-.02-.496Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cloud</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cloud</p>
                    </div>
                </div>
            


name: heroicon-s-code-bracket-square
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm14.25 6a.75.75 0 0 1-.22.53l-2.25 2.25a.75.75 0 1 1-1.06-1.06L15.44 12l-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.25 2.25c.141.14.22.331.22.53Zm-10.28-.53a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06L8.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-2.25 2.25Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Code Bracket Square</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-code-bracket-square</p>
                    </div>
                </div>
            


name: heroicon-s-code-bracket
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M14.447 3.026a.75.75 0 0 1 .527.921l-4.5 16.5a.75.75 0 0 1-1.448-.394l4.5-16.5a.75.75 0 0 1 .921-.527ZM16.72 6.22a.75.75 0 0 1 1.06 0l5.25 5.25a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 1 1-1.06-1.06L21.44 12l-4.72-4.72a.75.75 0 0 1 0-1.06Zm-9.44 0a.75.75 0 0 1 0 1.06L2.56 12l4.72 4.72a.75.75 0 0 1-1.06 1.06L.97 12.53a.75.75 0 0 1 0-1.06l5.25-5.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Code Bracket</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-code-bracket</p>
                    </div>
                </div>
            


name: heroicon-s-cog-6-tooth
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.078 2.25c-.917 0-1.699.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.493 7.493 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.598 7.598 0 0 0 0 1.139c.015.2-.059.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082.312.214.641.405.985.57.182.088.277.228.297.35l.178 1.071c.151.904.933 1.567 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349.344-.165.673-.356.985-.57.167-.114.335-.125.45-.082l1.02.382a1.875 1.875 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43a7.614 7.614 0 0 0 0-1.139c-.016-.2.059-.352.153-.43l.84-.692c.708-.582.891-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.449-.083a7.49 7.49 0 0 0-.985-.57c-.183-.087-.277-.227-.297-.348l-.179-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cog 6 Tooth</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cog-6-tooth</p>
                    </div>
                </div>
            


name: heroicon-s-cog-8-tooth
provider: heroicon
label:
                <div class="flex justify-start items-center gap-2">
                    <div class="w-10 h-10 p-2 border border-gary-200 dark:border-gray-700 rounded-lg flex justify-center items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M11.828 2.25c-.916 0-1.699.663-1.85 1.567l-.091.549a.798.798 0 0 1-.517.608 7.45 7.45 0 0 0-.478.198.798.798 0 0 1-.796-.064l-.453-.324a1.875 1.875 0 0 0-2.416.2l-.243.243a1.875 1.875 0 0 0-.2 2.416l.324.453a.798.798 0 0 1 .064.796 7.448 7.448 0 0 0-.198.478.798.798 0 0 1-.608.517l-.55.092a1.875 1.875 0 0 0-1.566 1.849v.344c0 .916.663 1.699 1.567 1.85l.549.091c.281.047.508.25.608.517.06.162.127.321.198.478a.798.798 0 0 1-.064.796l-.324.453a1.875 1.875 0 0 0 .2 2.416l.243.243c.648.648 1.67.733 2.416.2l.453-.324a.798.798 0 0 1 .796-.064c.157.071.316.137.478.198.267.1.47.327.517.608l.092.55c.15.903.932 1.566 1.849 1.566h.344c.916 0 1.699-.663 1.85-1.567l.091-.549a.798.798 0 0 1 .517-.608 7.52 7.52 0 0 0 .478-.198.798.798 0 0 1 .796.064l.453.324a1.875 1.875 0 0 0 2.416-.2l.243-.243c.648-.648.733-1.67.2-2.416l-.324-.453a.798.798 0 0 1-.064-.796c.071-.157.137-.316.198-.478.1-.267.327-.47.608-.517l.55-.091a1.875 1.875 0 0 0 1.566-1.85v-.344c0-.916-.663-1.699-1.567-1.85l-.549-.091a.798.798 0 0 1-.608-.517 7.507 7.507 0 0 0-.198-.478.798.798 0 0 1 .064-.796l.324-.453a1.875 1.875 0 0 0-.2-2.416l-.243-.243a1.875 1.875 0 0 0-2.416-.2l-.453.324a.798.798 0 0 1-.796.064 7.462 7.462 0 0 0-.478-.198.798.798 0 0 1-.517-.608l-.091-.55a1.875 1.875 0 0 0-1.85-1.566h-.344ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"/>
</svg>

                    </div>
                    <div class="flex flex-col gap-1">
                        <h1>Cog 8 Tooth</h1>
                        <p class="text-gray-600 dark:text-gray-400">heroicon-s-cog-8-tooth</p>
                    </div>
                </div>
            


