@webjsdev/ui 0.3.16 → 0.4.0

package/packages/registry/lib/icons-tabler.ts

@@ -0,0 +1,955 @@
+import { html } from '@webjsdev/core';
+
+/**
+ * Icons, Tabler Icons edition (#1666). Generated from @tabler/icons 3.50.0
+ * (MIT; see THIRD_PARTY_NOTICES.md) by packages/ui/scripts/gen-icons.mjs.
+ * Do not edit by hand: re-run the script.
+ *
+ * Every icon the kit's blocks and demos draw is a pure function returning an
+ * inline SVG, with an optional extra class. The five icon libraries the kit
+ * offers (lib/icons.ts, lib/icons-tabler.ts, lib/icons-hugeicons.ts,
+ * lib/icons-phosphor.ts, lib/icons-remixicon.ts) export the SAME function
+ * names, the lucide-react names shadcn's components import, each drawing that
+ * library's equivalent glyph. In an app the chosen library is written to one
+ * path, beside the cn() helper (`webjsui init --icons <library>`), so
+ * switching libraries replaces that file and changes no import.
+ *
+ * @example
+ *   import { ChevronDownIcon } from '../lib/icons.ts';
+ *   html`<button>Open ${ChevronDownIcon('size-4')}</button>`
+ */
+
+/** Tabler Icons: IconActivity. */
+export function ActivityIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-activity' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>`;
+}
+
+/** Tabler Icons: IconAlertCircle. */
+export function AlertCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-alert-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 8v4" /> <path d="M12 16h.01" /></svg>`;
+}
+
+/** Tabler Icons: IconAlertTriangle. */
+export function AlertTriangleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-alert-triangle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 9v4" /> <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0" /> <path d="M12 16h.01" /></svg>`;
+}
+
+/** Tabler Icons: IconAppWindow. */
+export function AppWindowIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-app-window' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> <path d="M6 8h.01" /> <path d="M9 8h.01" /></svg>`;
+}
+
+/** Tabler Icons: IconArchive. */
+export function ArchiveIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-archive' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2" /> <path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /> <path d="M10 12l4 0" /></svg>`;
+}
+
+/** Tabler Icons: IconArchiveOff. */
+export function ArchiveXIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-archive-off' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 4h11a2 2 0 1 1 0 4h-7m-4 0h-3a2 2 0 0 1 -.826 -3.822" /> <path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 1.824 -1.18m.176 -3.82v-7" /> <path d="M10 12h2" /> <path d="M3 3l18 18" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowDown. */
+export function ArrowDownIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrow-down' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 5l0 14" /> <path d="M18 13l-6 6" /> <path d="M6 13l6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconCircleArrowLeft. */
+export function ArrowLeftCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-arrow-left' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 21a9 9 0 1 0 0 -18a9 9 0 0 0 0 18" /> <path d="M8 12l4 4" /> <path d="M8 12h8" /> <path d="M12 8l-4 4" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowLeft. */
+export function ArrowLeftIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrow-left' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l14 0" /> <path d="M5 12l6 6" /> <path d="M5 12l6 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowsLeftRight. */
+export function ArrowLeftRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrows-left-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M21 17l-18 0" /> <path d="M6 10l-3 -3l3 -3" /> <path d="M3 7l18 0" /> <path d="M18 20l3 -3l-3 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowRight. */
+export function ArrowRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrow-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l14 0" /> <path d="M13 18l6 -6" /> <path d="M13 6l6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowUp. */
+export function ArrowUpIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrow-up' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 5l0 14" /> <path d="M18 11l-6 -6" /> <path d="M6 11l6 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconArrowUpRight. */
+export function ArrowUpRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-arrow-up-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M17 7l-10 10" /> <path d="M8 7l9 0l0 9" /></svg>`;
+}
+
+/** Tabler Icons: IconPlayerRecordFilled. */
+export function AudioLinesIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class=${'tabler-icon tabler-icon-player-record-filled' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 5.072a8 8 0 1 1 -3.995 7.213l-.005 -.285l.005 -.285a8 8 0 0 1 3.995 -6.643z" /></svg>`;
+}
+
+/** Tabler Icons: IconRosetteDiscountCheck. */
+export function BadgeCheck(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-rosette-discount-check' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /> <path d="M9 12l2 2l4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconRosetteDiscountCheck. */
+export function BadgeCheckIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-rosette-discount-check' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /> <path d="M9 12l2 2l4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconNotification. */
+export function BellIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-notification' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 6h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /> <path d="M14 7a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /></svg>`;
+}
+
+/** Tabler Icons: IconCube. */
+export function BlocksIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-cube' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M21 16.008v-8.018a1.98 1.98 0 0 0 -1 -1.717l-7 -4.008a2.016 2.016 0 0 0 -2 0l-7 4.008c-.619 .355 -1 1.01 -1 1.718v8.018c0 .709 .381 1.363 1 1.717l7 4.008a2.016 2.016 0 0 0 2 0l7 -4.008c.619 -.355 1 -1.01 1 -1.718" /> <path d="M12 22v-10" /> <path d="M12 12l8.73 -5.04" /> <path d="M3.27 6.96l8.73 5.04" /></svg>`;
+}
+
+/** Tabler Icons: IconBluetooth. */
+export function BluetoothIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-bluetooth' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 8l10 8l-5 4l0 -16l5 4l-10 8" /></svg>`;
+}
+
+/** Tabler Icons: IconBold. */
+export function BoldIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-bold' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6l0 -7" /> <path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>`;
+}
+
+/** Tabler Icons: IconBook. */
+export function BookOpen(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-book' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /> <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /> <path d="M3 6l0 13" /> <path d="M12 6l0 13" /> <path d="M21 6l0 13" /></svg>`;
+}
+
+/** Tabler Icons: IconBook. */
+export function BookOpenIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-book' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /> <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /> <path d="M3 6l0 13" /> <path d="M12 6l0 13" /> <path d="M21 6l0 13" /></svg>`;
+}
+
+/** Tabler Icons: IconBookmark. */
+export function BookmarkIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-bookmark' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M18 7v14l-6 -4l-6 4v-14a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4" /></svg>`;
+}
+
+/** Tabler Icons: IconRobot. */
+export function BotIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-robot' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -4" /> <path d="M12 2v2" /> <path d="M9 12v9" /> <path d="M15 12v9" /> <path d="M5 16l4 -2" /> <path d="M15 14l4 2" /> <path d="M9 18h6" /> <path d="M10 8v.01" /> <path d="M14 8v.01" /></svg>`;
+}
+
+/** Tabler Icons: IconBrain. */
+export function BrainIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-brain' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15.5 13a3.5 3.5 0 0 0 -3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8" /> <path d="M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1 -7 0v-1.8" /> <path d="M17.5 16a3.5 3.5 0 0 0 0 -7h-.5" /> <path d="M19 9.3v-2.8a3.5 3.5 0 0 0 -7 0" /> <path d="M6.5 16a3.5 3.5 0 0 1 0 -7h.5" /> <path d="M5 9.3v-2.8a3.5 3.5 0 0 1 7 0v10" /></svg>`;
+}
+
+/** Tabler Icons: IconBuildingBank. */
+export function Building2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-building-bank' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 21l18 0" /> <path d="M3 10l18 0" /> <path d="M5 6l7 -3l7 3" /> <path d="M4 10l0 11" /> <path d="M20 10l0 11" /> <path d="M8 14l0 3" /> <path d="M12 14l0 3" /> <path d="M16 14l0 3" /></svg>`;
+}
+
+/** Tabler Icons: IconCalculator. */
+export function CalculatorIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-calculator' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 5a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -14" /> <path d="M8 8a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1l0 -1" /> <path d="M8 14l0 .01" /> <path d="M12 14l0 .01" /> <path d="M16 14l0 .01" /> <path d="M8 17l0 .01" /> <path d="M12 17l0 .01" /> <path d="M16 17l0 .01" /></svg>`;
+}
+
+/** Tabler Icons: IconCalendar. */
+export function CalendarIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-calendar' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12" /> <path d="M16 3v4" /> <path d="M8 3v4" /> <path d="M4 11h16" /> <path d="M11 15h1" /> <path d="M12 15v3" /></svg>`;
+}
+
+/** Tabler Icons: IconCamera. */
+export function CameraIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-camera' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" /> <path d="M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>`;
+}
+
+/** Tabler Icons: IconTextCaption. */
+export function CaptionsIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-text-caption' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 15h16" /> <path d="M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /> <path d="M4 20h12" /></svg>`;
+}
+
+/** Tabler Icons: IconCar. */
+export function CarIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-car' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 17a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M15 17a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>`;
+}
+
+/** Tabler Icons: IconChartBar. */
+export function ChartBarIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chart-bar' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -6" /> <path d="M15 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -10" /> <path d="M9 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -14" /> <path d="M4 20h14" /></svg>`;
+}
+
+/** Tabler Icons: IconChartLine. */
+export function ChartLineIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chart-line' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 19l16 0" /> <path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`;
+}
+
+/** Tabler Icons: IconChartPie. */
+export function ChartPieIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chart-pie' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8" /> <path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconCircleCheckFilled. */
+export function CheckCircle2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-check-filled' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" /></svg>`;
+}
+
+/** Tabler Icons: IconCheck. */
+export function CheckIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-check' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l5 5l10 -10" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronDown. */
+export function ChevronDownIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevron-down' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 9l6 6l6 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronLeft. */
+export function ChevronLeftIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevron-left' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 6l-6 6l6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronRight. */
+export function ChevronRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevron-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 6l6 6l-6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronUp. */
+export function ChevronUpIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevron-up' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 15l6 -6l6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronsLeft. */
+export function ChevronsLeftIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevrons-left' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 7l-5 5l5 5" /> <path d="M17 7l-5 5l5 5" /></svg>`;
+}
+
+/** Tabler Icons: IconChevronsRight. */
+export function ChevronsRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chevrons-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 7l5 5l-5 5" /> <path d="M13 7l5 5l-5 5" /></svg>`;
+}
+
+/** Tabler Icons: IconSelector. */
+export function ChevronsUpDownIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-selector' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 9l4 -4l4 4" /> <path d="M16 15l-4 4l-4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconExclamationCircle. */
+export function CircleAlertIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-exclamation-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M12 9v4" /> <path d="M12 16v.01" /></svg>`;
+}
+
+/** Tabler Icons: IconCircleCheckFilled. */
+export function CircleCheckIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-check-filled' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" /></svg>`;
+}
+
+/** Tabler Icons: IconCircleDashed. */
+export function CircleDashedIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-dashed' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /></svg>`;
+}
+
+/** Tabler Icons: IconHelp. */
+export function CircleHelpIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-help' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M12 17l0 .01" /> <path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconCirclePlusFilled. */
+export function CirclePlusIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-plus-filled' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4.929 4.929a10 10 0 1 1 14.141 14.141a10 10 0 0 1 -14.14 -14.14m8.071 4.071a1 1 0 1 0 -2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0 -2h-2v-2z" /></svg>`;
+}
+
+/** Tabler Icons: IconUserCircle. */
+export function CircleUserIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-user-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg>`;
+}
+
+/** Tabler Icons: IconUserCircle. */
+export function CircleUserRoundIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-user-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg>`;
+}
+
+/** Tabler Icons: IconClipboard. */
+export function ClipboardPasteIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-clipboard' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /> <path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2" /></svg>`;
+}
+
+/** Tabler Icons: IconClockHour2. */
+export function Clock2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-clock-hour-2' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M12 12l3 -2" /> <path d="M12 7v5" /></svg>`;
+}
+
+/** Tabler Icons: IconClock. */
+export function ClockIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-clock' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 7v5l3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconCloud. */
+export function CloudIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-cloud' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6.657 18c-2.572 0 -4.657 -2.007 -4.657 -4.483c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 1.927 -1.551 3.487 -3.465 3.487h-11.878" /></svg>`;
+}
+
+/** Tabler Icons: IconCode. */
+export function CodeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-code' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 8l-4 4l4 4" /> <path d="M17 8l4 4l-4 4" /> <path d="M14 4l-4 16" /></svg>`;
+}
+
+/** Tabler Icons: IconCoffee. */
+export function CoffeeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-coffee' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 14c.83 .642 2.077 1.017 3.5 1c1.423 .017 2.67 -.358 3.5 -1c.83 -.642 2.077 -1.017 3.5 -1c1.423 -.017 2.67 .358 3.5 1" /> <path d="M8 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /> <path d="M12 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /> <path d="M3 10h14v5a6 6 0 0 1 -6 6h-2a6 6 0 0 1 -6 -6v-5" /> <path d="M16.746 16.726a3 3 0 1 0 .252 -5.555" /></svg>`;
+}
+
+/** Tabler Icons: IconLayoutColumns. */
+export function Columns3Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-layout-columns' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" /> <path d="M12 4l0 16" /></svg>`;
+}
+
+/** Tabler Icons: IconInnerShadowTop. */
+export function CommandIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-inner-shadow-top' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5.636 5.636a9 9 0 1 0 12.728 12.728a9 9 0 0 0 -12.728 -12.728" /> <path d="M16.243 7.757a6 6 0 0 0 -8.486 0" /></svg>`;
+}
+
+/** Tabler Icons: IconBox. */
+export function ContainerIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-box' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /> <path d="M12 12l8 -4.5" /> <path d="M12 12l0 9" /> <path d="M12 12l-8 -4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconCopy. */
+export function CopyIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-copy' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666" /> <path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /></svg>`;
+}
+
+/** Tabler Icons: IconCornerUpLeft. */
+export function CornerUpLeftIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-corner-up-left' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M18 18v-6a3 3 0 0 0 -3 -3h-10l4 -4m0 8l-4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconCornerUpRight. */
+export function CornerUpRightIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-corner-up-right' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 18v-6a3 3 0 0 1 3 -3h10l-4 -4m0 8l4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconCreditCard. */
+export function CreditCardIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-credit-card' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3l0 -8" /> <path d="M3 10l18 0" /> <path d="M7 15l.01 0" /> <path d="M11 15l2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconDatabase. */
+export function DatabaseIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-database' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0" /> <path d="M4 6v6a8 3 0 0 0 16 0v-6" /> <path d="M4 12v6a8 3 0 0 0 16 0v-6" /></svg>`;
+}
+
+/** Tabler Icons: IconDownload. */
+export function DownloadIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-download' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" /> <path d="M7 11l5 5l5 -5" /> <path d="M12 4l0 12" /></svg>`;
+}
+
+/** Tabler Icons: IconDotsVertical. */
+export function EllipsisVerticalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-dots-vertical' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconExternalLink. */
+export function ExternalLinkIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-external-link' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6" /> <path d="M11 13l9 -9" /> <path d="M15 4h5v5" /></svg>`;
+}
+
+/** Tabler Icons: IconEye. */
+export function EyeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-eye' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /> <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg>`;
+}
+
+/** Tabler Icons: IconEyeClosed. */
+export function EyeOffIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-eye-closed' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M21 9c-2.4 2.667 -5.4 4 -9 4c-3.6 0 -6.6 -1.333 -9 -4" /> <path d="M3 15l2.5 -3.8" /> <path d="M21 14.976l-2.492 -3.776" /> <path d="M9 17l.5 -4" /> <path d="M15 17l-.5 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconFileZip. */
+export function FileArchiveIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-zip' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1" /> <path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2" /> <path d="M11 5l-1 0" /> <path d="M13 7l-1 0" /> <path d="M11 9l-1 0" /> <path d="M13 11l-1 0" /> <path d="M11 13l-1 0" /> <path d="M13 15l-1 0" /></svg>`;
+}
+
+/** Tabler Icons: IconReportAnalytics. */
+export function FileBarChartIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-report-analytics' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /> <path d="M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2" /> <path d="M9 17v-5" /> <path d="M12 17v-1" /> <path d="M15 17v-3" /></svg>`;
+}
+
+/** Tabler Icons: IconReport. */
+export function FileChartColumnIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-report' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697" /> <path d="M18 14v4h4" /> <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2" /> <path d="M8 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2" /> <path d="M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M8 11h4" /> <path d="M8 15h3" /></svg>`;
+}
+
+/** Tabler Icons: IconFileCode. */
+export function FileCodeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-code' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 3v4a1 1 0 0 0 1 1h4" /> <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2" /> <path d="M10 13l-1 2l1 2" /> <path d="M14 13l1 2l-1 2" /></svg>`;
+}
+
+/** Tabler Icons: IconFileWord. */
+export function FileIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-word' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 3v4a1 1 0 0 0 1 1h4" /> <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2" /> <path d="M9 12l1.333 5l1.667 -4l1.667 4l1.333 -5" /></svg>`;
+}
+
+/** Tabler Icons: IconFileSearch. */
+export function FileSearchIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-search' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 3v4a1 1 0 0 0 1 1h4" /> <path d="M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5" /> <path d="M14 17.5a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0" /> <path d="M18.5 19.5l2.5 2.5" /></svg>`;
+}
+
+/** Tabler Icons: IconFileDescription. */
+export function FileTextIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-description' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 3v4a1 1 0 0 0 1 1h4" /> <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2" /> <path d="M9 17h6" /> <path d="M9 13h6" /></svg>`;
+}
+
+/** Tabler Icons: IconFileAlert. */
+export function FileWarningIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-file-alert' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 3v4a1 1 0 0 0 1 1h4" /> <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2" /> <path d="M12 17l.01 0" /> <path d="M12 11l0 3" /></svg>`;
+}
+
+/** Tabler Icons: IconFlipHorizontal. */
+export function FlipHorizontalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-flip-horizontal' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 3l0 18" /> <path d="M16 7l0 10l5 0l-5 -10" /> <path d="M8 7l0 10l-5 0l5 -10" /></svg>`;
+}
+
+/** Tabler Icons: IconFlipVertical. */
+export function FlipVerticalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-flip-vertical' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12l18 0" /> <path d="M7 16l10 0l-10 5l0 -5" /> <path d="M7 8l10 0l-10 -5l0 5" /></svg>`;
+}
+
+/** Tabler Icons: IconFolder. */
+export function FolderIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-folder' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" /></svg>`;
+}
+
+/** Tabler Icons: IconFolderOpen. */
+export function FolderOpenIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-folder-open' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2" /></svg>`;
+}
+
+/** Tabler Icons: IconFolderPlus. */
+export function FolderPlusIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-folder-plus' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 19h-7a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v3.5" /> <path d="M16 19h6" /> <path d="M19 16v6" /></svg>`;
+}
+
+/** Tabler Icons: IconFolderSearch. */
+export function FolderSearchIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-folder-search' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 19h-6a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2.5" /> <path d="M15 18a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M20.2 20.2l1.8 1.8" /></svg>`;
+}
+
+/** Tabler Icons: IconFrame. */
+export function FrameIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-frame' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 7l16 0" /> <path d="M4 17l16 0" /> <path d="M7 4l0 16" /> <path d="M17 4l0 16" /></svg>`;
+}
+
+/** Tabler Icons: IconLayoutRows. */
+export function GalleryVerticalEndIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-layout-rows' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" /> <path d="M4 12l16 0" /></svg>`;
+}
+
+/** Tabler Icons: IconGauge. */
+export function GaugeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-gauge' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M13.41 10.59l2.59 -2.59" /> <path d="M7 12a5 5 0 0 1 5 -5" /></svg>`;
+}
+
+/** Tabler Icons: IconGitBranch. */
+export function GitBranchIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-git-branch' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M5 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M15 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M7 8l0 8" /> <path d="M9 18h6a2 2 0 0 0 2 -2v-5" /> <path d="M14 14l3 -3l3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconWorld. */
+export function GlobeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-world' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M3.6 9h16.8" /> <path d="M3.6 15h16.8" /> <path d="M11.5 3a17 17 0 0 0 0 18" /> <path d="M12.5 3a17 17 0 0 1 0 18" /></svg>`;
+}
+
+/** Tabler Icons: IconGripVertical. */
+export function GripVerticalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-grip-vertical' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M8 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M8 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M14 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconBell. */
+export function HeartIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-bell' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /> <path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>`;
+}
+
+/** Tabler Icons: IconHelpCircle. */
+export function HelpCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-help-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 16v.01" /> <path d="M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" /></svg>`;
+}
+
+/** Tabler Icons: IconHome. */
+export function HomeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-home' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l-2 0l9 -9l9 9l-2 0" /> <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /> <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>`;
+}
+
+/** Tabler Icons: IconPhoto. */
+export function ImageIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-photo' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 8h.01" /> <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12" /> <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" /> <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconInbox. */
+export function InboxIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-inbox' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" /> <path d="M4 13h3l3 3h4l3 -3h3" /></svg>`;
+}
+
+/** Tabler Icons: IconInfoCircle. */
+export function InfoIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-info-circle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 9h.01" /> <path d="M11 12h1v4h1" /></svg>`;
+}
+
+/** Tabler Icons: IconItalic. */
+export function ItalicIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-italic' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 5l6 0" /> <path d="M7 19l6 0" /> <path d="M14 5l-4 14" /></svg>`;
+}
+
+/** Tabler Icons: IconKeyboard. */
+export function KeyboardIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-keyboard' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M2 8a2 2 0 0 1 2 -2h16a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2l0 -8" /> <path d="M6 10l0 .01" /> <path d="M10 10l0 .01" /> <path d="M14 10l0 .01" /> <path d="M18 10l0 .01" /> <path d="M6 14l0 .01" /> <path d="M18 14l0 .01" /> <path d="M10 14l4 .01" /></svg>`;
+}
+
+/** Tabler Icons: IconLanguage. */
+export function LanguagesIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-language' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 6.371c0 4.418 -2.239 6.629 -5 6.629" /> <path d="M4 6.371h7" /> <path d="M5 9c0 2.144 2.252 3.908 6 4" /> <path d="M12 20l4 -9l4 9" /> <path d="M19.1 18h-6.2" /> <path d="M6.694 3l.793 .582" /></svg>`;
+}
+
+/** Tabler Icons: IconDashboard. */
+export function LayoutDashboardIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-dashboard' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M13.45 11.55l2.05 -2.05" /> <path d="M6.4 20a9 9 0 1 1 11.2 0l-11.2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconLayoutGrid. */
+export function LayoutGridIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-layout-grid' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /> <path d="M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /> <path d="M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /> <path d="M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconLayout. */
+export function LayoutIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-layout' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -1" /> <path d="M4 15a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -3" /> <path d="M14 6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2l0 -12" /></svg>`;
+}
+
+/** Tabler Icons: IconLifebuoy. */
+export function LifeBuoy(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-lifebuoy' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M15 15l3.35 3.35" /> <path d="M9 15l-3.35 3.35" /> <path d="M5.65 5.65l3.35 3.35" /> <path d="M18.35 5.65l-3.35 3.35" /></svg>`;
+}
+
+/** Tabler Icons: IconLifebuoy. */
+export function LifeBuoyIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-lifebuoy' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M15 15l3.35 3.35" /> <path d="M9 15l-3.35 3.35" /> <path d="M5.65 5.65l3.35 3.35" /> <path d="M18.35 5.65l-3.35 3.35" /></svg>`;
+}
+
+/** Tabler Icons: IconLink. */
+export function LinkIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-link' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 15l6 -6" /> <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" /> <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" /></svg>`;
+}
+
+/** Tabler Icons: IconListDetails. */
+export function ListIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-list-details' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M13 5h8" /> <path d="M13 9h5" /> <path d="M13 15h8" /> <path d="M13 19h5" /> <path d="M3 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /> <path d="M3 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconLoader. */
+export function Loader2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-loader' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 6l0 -3" /> <path d="M16.25 7.75l2.15 -2.15" /> <path d="M18 12l3 0" /> <path d="M16.25 16.25l2.15 2.15" /> <path d="M12 18l0 3" /> <path d="M7.75 16.25l-2.15 2.15" /> <path d="M6 12l-3 0" /> <path d="M7.75 7.75l-2.15 -2.15" /></svg>`;
+}
+
+/** Tabler Icons: IconLoader. */
+export function LoaderIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-loader' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 6l0 -3" /> <path d="M16.25 7.75l2.15 -2.15" /> <path d="M18 12l3 0" /> <path d="M16.25 16.25l2.15 2.15" /> <path d="M12 18l0 3" /> <path d="M7.75 16.25l-2.15 2.15" /> <path d="M6 12l-3 0" /> <path d="M7.75 7.75l-2.15 -2.15" /></svg>`;
+}
+
+/** Tabler Icons: IconLock. */
+export function LockIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-lock' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6" /> <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /> <path d="M8 11v-4a4 4 0 1 1 8 0v4" /></svg>`;
+}
+
+/** Tabler Icons: IconLock. */
+export function LockKeyholeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-lock' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6" /> <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /> <path d="M8 11v-4a4 4 0 1 1 8 0v4" /></svg>`;
+}
+
+/** Tabler Icons: IconLogout. */
+export function LogOutIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-logout' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /> <path d="M9 12h12l-3 -3" /> <path d="M18 15l3 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconMail. */
+export function MailIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-mail' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" /> <path d="M3 7l9 6l9 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconMap. */
+export function MapIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-map' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" /> <path d="M9 4v13" /> <path d="M15 7v13" /></svg>`;
+}
+
+/** Tabler Icons: IconMaximize. */
+export function MaximizeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-maximize' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 8v-2a2 2 0 0 1 2 -2h2" /> <path d="M4 16v2a2 2 0 0 0 2 2h2" /> <path d="M16 4h2a2 2 0 0 1 2 2v2" /> <path d="M16 20h2a2 2 0 0 0 2 -2v-2" /></svg>`;
+}
+
+/** Tabler Icons: IconMenu. */
+export function MenuIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-menu' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 8l16 0" /> <path d="M4 16l16 0" /></svg>`;
+}
+
+/** Tabler Icons: IconMessageQuestion. */
+export function MessageCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-message-question' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 9h8" /> <path d="M8 13h6" /> <path d="M14 18h-1l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5" /> <path d="M19 22v.01" /> <path d="M19 19a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" /></svg>`;
+}
+
+/** Tabler Icons: IconMessageQuestion. */
+export function MessageCircleQuestionIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-message-question' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 9h8" /> <path d="M8 13h6" /> <path d="M14 18h-1l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5" /> <path d="M19 22v.01" /> <path d="M19 19a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" /></svg>`;
+}
+
+/** Tabler Icons: IconMessage. */
+export function MessageSquareIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-message' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 9h8" /> <path d="M8 13h6" /> <path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12" /></svg>`;
+}
+
+/** Tabler Icons: IconMicrophone. */
+export function MicIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-microphone' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 5a3 3 0 0 1 3 -3a3 3 0 0 1 3 3v5a3 3 0 0 1 -3 3a3 3 0 0 1 -3 -3l0 -5" /> <path d="M5 10a7 7 0 0 0 14 0" /> <path d="M8 21l8 0" /> <path d="M12 17l0 4" /></svg>`;
+}
+
+/** Tabler Icons: IconMinimize. */
+export function MinimizeIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-minimize' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 19v-2a2 2 0 0 1 2 -2h2" /> <path d="M15 5v2a2 2 0 0 0 2 2h2" /> <path d="M5 15h2a2 2 0 0 1 2 2v2" /> <path d="M5 9h2a2 2 0 0 0 2 -2v-2" /></svg>`;
+}
+
+/** Tabler Icons: IconMinus. */
+export function MinusIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-minus' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l14 0" /></svg>`;
+}
+
+/** Tabler Icons: IconDeviceDesktop. */
+export function MonitorIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-device-desktop' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 5a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10" /> <path d="M7 20h10" /> <path d="M9 16v4" /> <path d="M15 16v4" /></svg>`;
+}
+
+/** Tabler Icons: IconMoon. */
+export function MoonIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-moon' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454l0 .008" /></svg>`;
+}
+
+/** Tabler Icons: IconDots. */
+export function MoreHorizontalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-dots' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconDotsVertical. */
+export function MoreVerticalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-dots-vertical' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconAlertOctagon. */
+export function OctagonXIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-alert-octagon' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 9.101v5.798c0 .53 .211 1.039 .586 1.415l4.1 4.1c.375 .375 .884 .586 1.415 .586h5.799c.53 0 1.039 -.211 1.414 -.586l4.1 -4.1c.375 -.375 .586 -.884 .586 -1.415v-5.798c0 -.53 -.211 -1.039 -.586 -1.415l-4.1 -4.1c-.375 -.375 -.884 -.586 -1.414 -.586l-5.799 0c-.53 0 -1.039 .211 -1.415 .586l-4.1 4.1c-.375 .375 -.586 .884 -.586 1.415" /> <path d="M12 8v4" /> <path d="M12 16h.01" /></svg>`;
+}
+
+/** Tabler Icons: IconPalette. */
+export function PaintbrushIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-palette' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /> <path d="M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconPalette. */
+export function PaletteIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-palette' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /> <path d="M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`;
+}
+
+/** Tabler Icons: IconLayoutSidebar. */
+export function PanelLeftIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-layout-sidebar' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" /> <path d="M9 4l0 16" /></svg>`;
+}
+
+/** Tabler Icons: IconPaperclip. */
+export function PaperclipIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-paperclip' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" /></svg>`;
+}
+
+/** Tabler Icons: IconPencil. */
+export function PencilIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-pencil' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /> <path d="M13.5 6.5l4 4" /></svg>`;
+}
+
+/** Tabler Icons: IconChartPie. */
+export function PieChartIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-chart-pie' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8" /> <path d="M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconCirclePlus. */
+export function PlusCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-circle-plus' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M9 12h6" /> <path d="M12 9v6" /></svg>`;
+}
+
+/** Tabler Icons: IconPlus. */
+export function PlusIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-plus' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 5l0 14" /> <path d="M5 12l14 0" /></svg>`;
+}
+
+/** Tabler Icons: IconPresentation. */
+export function PresentationIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-presentation' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 4l18 0" /> <path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10" /> <path d="M12 16l0 4" /> <path d="M9 20l6 0" /> <path d="M8 12l3 -3l2 2l3 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconPlayerRecordFilled. */
+export function RadioIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class=${'tabler-icon tabler-icon-player-record-filled' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 5.072a8 8 0 1 1 -3.995 7.213l-.005 -.285l.005 -.285a8 8 0 0 1 3.995 -6.643z" /></svg>`;
+}
+
+/** Tabler Icons: IconRefresh. */
+export function RefreshCcwIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-refresh' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /> <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>`;
+}
+
+/** Tabler Icons: IconRefresh. */
+export function RefreshCwIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-refresh' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /> <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>`;
+}
+
+/** Tabler Icons: IconRepeat. */
+export function RepeatIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-repeat' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3" /> <path d="M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconRotateClockwise2. */
+export function RotateCwIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-rotate-clockwise-2' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5" /> <path d="M5.63 7.16l0 .01" /> <path d="M4.06 11l0 .01" /> <path d="M4.63 15.1l0 .01" /> <path d="M7.16 18.37l0 .01" /> <path d="M11 19.94l0 .01" /></svg>`;
+}
+
+/** Tabler Icons: IconDeviceFloppy. */
+export function SaveIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-device-floppy' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" /> <path d="M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M14 4l0 4l-6 0l0 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconCut. */
+export function ScissorsIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-cut' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 17a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M14 17a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /> <path d="M9.15 14.85l8.85 -10.85" /> <path d="M6 4l8.85 10.85" /></svg>`;
+}
+
+/** Tabler Icons: IconSearch. */
+export function SearchIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-search' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M21 21l-6 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconSend. */
+export function Send(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-send' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 14l11 -11" /> <path d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" /></svg>`;
+}
+
+/** Tabler Icons: IconSend. */
+export function SendIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-send' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 14l11 -11" /> <path d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5" /></svg>`;
+}
+
+/** Tabler Icons: IconServer. */
+export function ServerIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-server' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-2" /> <path d="M3 15a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3l0 -2" /> <path d="M7 8l0 .01" /> <path d="M7 16l0 .01" /></svg>`;
+}
+
+/** Tabler Icons: IconSettings. */
+export function Settings2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-settings' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065" /> <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>`;
+}
+
+/** Tabler Icons: IconSettings. */
+export function SettingsIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-settings' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065" /> <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>`;
+}
+
+/** Tabler Icons: IconShare3. */
+export function ShareIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-share-3' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>`;
+}
+
+/** Tabler Icons: IconShield. */
+export function ShieldIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-shield' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconShoppingBag. */
+export function ShoppingBagIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-shopping-bag' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304" /> <path d="M9 11v-5a3 3 0 0 1 6 0v5" /></svg>`;
+}
+
+/** Tabler Icons: IconShoppingCart. */
+export function ShoppingCartIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-shopping-cart' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M15 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /> <path d="M17 17h-11v-14h-2" /> <path d="M6 5l14 1l-1 7h-13" /></svg>`;
+}
+
+/** Tabler Icons: IconMoodSmile. */
+export function SmileIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-mood-smile' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M9 10l.01 0" /> <path d="M15 10l.01 0" /> <path d="M9.5 15a3.5 3.5 0 0 0 5 0" /></svg>`;
+}
+
+/** Tabler Icons: IconSparkles. */
+export function SparklesIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-sparkles' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6" /></svg>`;
+}
+
+/** Tabler Icons: IconPlayerStop. */
+export function SquareIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-player-stop' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -10" /></svg>`;
+}
+
+/** Tabler Icons: IconStar. */
+export function StarIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-star' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245" /></svg>`;
+}
+
+/** Tabler Icons: IconStarOff. */
+export function StarOffIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-star-off' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 3l18 18" /> <path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" /></svg>`;
+}
+
+/** Tabler Icons: IconPlayerStop. */
+export function StopCircleIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-player-stop' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -10" /></svg>`;
+}
+
+/** Tabler Icons: IconSun. */
+export function SunIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-sun' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>`;
+}
+
+/** Tabler Icons: IconTable. */
+export function TableIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-table' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14" /> <path d="M3 10h18" /> <path d="M10 3v18" /></svg>`;
+}
+
+/** Tabler Icons: IconTarget. */
+export function TargetIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-target' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /> <path d="M7 12a5 5 0 1 0 10 0a5 5 0 1 0 -10 0" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`;
+}
+
+/** Tabler Icons: IconTerminal. */
+export function TerminalIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-terminal' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7l5 5l-5 5" /> <path d="M12 19l7 0" /></svg>`;
+}
+
+/** Tabler Icons: IconTerminal2. */
+export function TerminalSquareIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-terminal-2' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 9l3 3l-3 3" /> <path d="M13 15l3 0" /> <path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2l0 -12" /></svg>`;
+}
+
+/** Tabler Icons: IconThermometer. */
+export function ThermometerIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-thermometer' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M19 5a2.828 2.828 0 0 1 0 4l-8 8h-4v-4l8 -8a2.828 2.828 0 0 1 4 0" /> <path d="M16 7l-1.5 -1.5" /> <path d="M13 10l-1.5 -1.5" /> <path d="M10 13l-1.5 -1.5" /> <path d="M7 17l-3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconThumbDown. */
+export function ThumbsDownIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-thumb-down' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconThumbUp. */
+export function ThumbsUpIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-thumb-up' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>`;
+}
+
+/** Tabler Icons: IconClock. */
+export function TimerIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-clock' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /> <path d="M12 7v5l3 3" /></svg>`;
+}
+
+/** Tabler Icons: IconTrash. */
+export function Trash2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-trash' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 7l16 0" /> <path d="M10 11l0 6" /> <path d="M14 11l0 6" /> <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /> <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>`;
+}
+
+/** Tabler Icons: IconTrash. */
+export function TrashIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-trash' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 7l16 0" /> <path d="M10 11l0 6" /> <path d="M14 11l0 6" /> <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /> <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>`;
+}
+
+/** Tabler Icons: IconTrendingDown. */
+export function TrendingDownIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-trending-down' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 7l6 6l4 -4l8 8" /> <path d="M21 10l0 7l-7 0" /></svg>`;
+}
+
+/** Tabler Icons: IconTrendingUp. */
+export function TrendingUpIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-trending-up' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 17l6 -6l4 4l8 -8" /> <path d="M14 7l7 0l0 7" /></svg>`;
+}
+
+/** Tabler Icons: IconAlertTriangle. */
+export function TriangleAlertIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-alert-triangle' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 9v4" /> <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0" /> <path d="M12 16h.01" /></svg>`;
+}
+
+/** Tabler Icons: IconDeviceTv. */
+export function TvIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-device-tv' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 9a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2l0 -9" /> <path d="M16 3l-4 4l-4 -4" /></svg>`;
+}
+
+/** Tabler Icons: IconUnderline. */
+export function UnderlineIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-underline' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 5v5a5 5 0 0 0 10 0v-5" /> <path d="M5 19h14" /></svg>`;
+}
+
+/** Tabler Icons: IconCloudUpload. */
+export function UploadCloudIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-cloud-upload' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1" /> <path d="M9 15l3 -3l3 3" /> <path d="M12 12l0 9" /></svg>`;
+}
+
+/** Tabler Icons: IconUser. */
+export function UserIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-user' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /> <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>`;
+}
+
+/** Tabler Icons: IconUserX. */
+export function UserRoundXIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-user-x' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /> <path d="M6 21v-2a4 4 0 0 1 4 -4h3.5" /> <path d="M22 22l-5 -5" /> <path d="M17 22l5 -5" /></svg>`;
+}
+
+/** Tabler Icons: IconUsers. */
+export function UsersIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-users' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /> <path d="M16 3.13a4 4 0 0 1 0 7.75" /> <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>`;
+}
+
+/** Tabler Icons: IconVideoPlus. */
+export function VideoIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-video-plus' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4" /> <path d="M3 8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8" /> <path d="M7 12l4 0" /> <path d="M9 10l0 4" /></svg>`;
+}
+
+/** Tabler Icons: IconVolume. */
+export function Volume2Icon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-volume' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 8a5 5 0 0 1 0 8" /> <path d="M17.7 5a9 9 0 0 1 0 14" /> <path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconVolume. */
+export function VolumeOffIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-volume' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 8a5 5 0 0 1 0 8" /> <path d="M17.7 5a9 9 0 0 1 0 14" /> <path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconVolume. */
+export function VolumeX(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-volume' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 8a5 5 0 0 1 0 8" /> <path d="M17.7 5a9 9 0 0 1 0 14" /> <path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>`;
+}
+
+/** Tabler Icons: IconWallet. */
+export function WalletIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-wallet' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M17 8v-3a1 1 0 0 0 -1 -1h-10a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1 -1 1h-12a2 2 0 0 1 -2 -2v-12" /> <path d="M20 12v4h-4a2 2 0 0 1 0 -4h4" /></svg>`;
+}
+
+/** Tabler Icons: IconTextWrap. */
+export function WrapTextIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-text-wrap' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6l16 0" /> <path d="M4 18l5 0" /> <path d="M4 12h13a3 3 0 0 1 0 6h-4l2 -2m0 4l-2 -2" /></svg>`;
+}
+
+/** Tabler Icons: IconX. */
+export function XIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-x' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M18 6l-12 12" /> <path d="M6 6l12 12" /></svg>`;
+}
+
+/** Tabler Icons: IconBolt. */
+export function ZapIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-bolt' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>`;
+}
+
+/** Tabler Icons: IconZoomIn. */
+export function ZoomInIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-zoom-in' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M7 10l6 0" /> <path d="M10 7l0 6" /> <path d="M21 21l-6 -6" /></svg>`;
+}
+
+/** Tabler Icons: IconZoomOut. */
+export function ZoomOutIcon(cls = '') {
+  return html`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=${'tabler-icon tabler-icon-zoom-out' + (cls ? ' ' + cls : '')}><path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M7 10l6 0" /> <path d="M21 21l-6 -6" /></svg>`;
+}