@lukso/web-components 1.3.1 → 1.4.0

package/src/components/lukso-icon/icons/menu-2.ts

@@ -0,0 +1,61 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const menu2 = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M19 7H9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19 12H9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19 17H9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 7H5"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 12H5"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 17H5"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/migrate.ts

@@ -0,0 +1,47 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const migrate = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M8.96436 5.42896H13.207V9.6716"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.3284 11.793H19.571V16.0356"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.5 6.13609L5.42896 13.2072"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18.864 12.5L11.793 19.571"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/minimize.ts

@@ -0,0 +1,53 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const minimize = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M4 12V7C4 5.34315 5.34315 4 7 4H12M20 12V17C20 18.6569 18.6569 20 17 20H12"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M14.0001 6C14.0001 7.82245 14 10 14 10L18 10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M20 4L14 10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.99993 18C9.99993 16.1776 10 14 10 14L6 14"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4 20L10 14"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/network.ts

@@ -0,0 +1,49 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const network = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M5.75 20.125C4.09315 20.125 2.75 18.7819 2.75 17.125C2.75 15.4681 4.09315 14.125 5.75 14.125C7.40685 14.125 8.75 15.4681 8.75 17.125C8.75 18.7819 7.40685 20.125 5.75 20.125Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M18.25 20.125C16.5931 20.125 15.25 18.7819 15.25 17.125C15.25 15.4681 16.5931 14.125 18.25 14.125C19.9069 14.125 21.25 15.4681 21.25 17.125C21.25 18.7819 19.9069 20.125 18.25 20.125Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M12 8.875C10.3431 8.875 9 7.53185 9 5.875C9 4.21815 10.3431 2.875 12 2.875C13.6569 2.875 15 4.21815 15 5.875C15 7.53185 13.6569 8.875 12 8.875Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M10.125 8.375L6.375 14.8702"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M15.75 17.75L8.25 17.75"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M17 14.625L13.25 8.12981"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/notifications.ts

@@ -0,0 +1,33 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const notifications = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M20.0475 16.4733C18.8437 15 17.9939 14.25 17.9939 10.1883C17.9939 6.46875 16.0945 5.14359 14.5312 4.5C14.3236 4.41469 14.1281 4.21875 14.0648 4.00547C13.7906 3.07219 13.0219 2.25 12 2.25C10.9781 2.25 10.2089 3.07266 9.93749 4.00641C9.87421 4.22203 9.67874 4.41469 9.47108 4.5C7.90593 5.14453 6.00842 6.465 6.00842 10.1883C6.00608 14.25 5.15624 15 3.95249 16.4733C3.45374 17.0836 3.89061 18 4.76296 18H19.2417C20.1094 18 20.5434 17.0808 20.0475 16.4733Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15 18V18.75C15 19.5456 14.6839 20.3087 14.1213 20.8713C13.5587 21.4339 12.7956 21.75 12 21.75C11.2044 21.75 10.4413 21.4339 9.87868 20.8713C9.31607 20.3087 9 19.5456 9 18.75V18"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/phone-portrait-outline.ts

@@ -0,0 +1,33 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const phonePortraitOutline = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M15.75 0.75H8.25C7.00736 0.75 6 1.75736 6 3V21C6 22.2426 7.00736 23.25 8.25 23.25H15.75C16.9926 23.25 18 22.2426 18 21V3C18 1.75736 16.9926 0.75 15.75 0.75Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.25 0.75H9.375C9.47446 0.75 9.56984 0.789509 9.64017 0.859835C9.71049 0.930161 9.75 1.02554 9.75 1.125C9.75 1.32391 9.82902 1.51468 9.96967 1.65533C10.1103 1.79598 10.3011 1.875 10.5 1.875H13.5C13.6989 1.875 13.8897 1.79598 14.0303 1.65533C14.171 1.51468 14.25 1.32391 14.25 1.125C14.25 1.02554 14.2895 0.930161 14.3598 0.859835C14.4302 0.789509 14.5255 0.75 14.625 0.75H15.75"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/pin.ts

@@ -0,0 +1,25 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const pin = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.99995 4.61538C7.99995 4.27552 8.27547 4 8.61533 4H8.99995H15H15.3846C15.7244 4 16 4.27552 16 4.61538C16 4.95525 15.7244 5.23076 15.3846 5.23076H15V12L17.1464 14.1464C17.4614 14.4614 17.2383 15 16.7928 15H12.6665V19.3333C12.6665 19.7015 12.3681 20 11.9999 20C11.6317 20 11.3332 19.7015 11.3332 19.3333V15H7.20706C6.7616 15 6.53852 14.4614 6.8535 14.1464L8.99995 12V5.23076H8.61533C8.27547 5.23076 7.99995 4.95525 7.99995 4.61538Z"
+      fill="var(--${options.color})"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/play-filled.ts

@@ -0,0 +1,23 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const playFilled = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M7.11732 7.23208C7.11732 6.46228 7.95065 5.98115 8.61732 6.36605L16.1173 10.6962C16.784 11.0811 16.784 12.0433 16.1173 12.4282L8.61732 16.7584C7.95065 17.1433 7.11732 16.6621 7.11732 15.8923L7.11732 7.23208Z"
+      fill="var(--${options.color})"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/play-outline.ts

@@ -0,0 +1,24 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const playOutline = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M8.24232 7.01557L15.7423 11.3457C15.909 11.4419 15.909 11.6825 15.7423 11.7787L8.24232 16.1088C8.07565 16.2051 7.86732 16.0848 7.86732 15.8923L7.86732 7.23208C7.86732 7.03963 8.07565 6.91934 8.24232 7.01557Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/plus.ts

@@ -0,0 +1,33 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const plus = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M11.9998 20V4"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3.99976 12H19.9998"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/profile-add.ts

@@ -0,0 +1,43 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const profileAdd = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M4.125 8.25V13.5"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.75 10.875H1.5"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18.25 6C18.25 8.34721 16.3472 10.25 14 10.25C11.6528 10.25 9.75 8.34721 9.75 6C9.75 3.65279 11.6528 1.75 14 1.75C16.3472 1.75 18.25 3.65279 18.25 6Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.75 18.6667C4.75 16.8725 6.09998 15.4016 8.10179 14.3324C10.0797 13.2759 12.4587 12.75 14 12.75C15.5413 12.75 17.9203 13.2759 19.8982 14.3324C21.9 15.4016 23.25 16.8725 23.25 18.6667V21.25H4.75V18.6667Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/profile-export.ts

@@ -0,0 +1,42 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const profileExport = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M4 13L4 7.75"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 9L4 7L2 9"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M18.25 6C18.25 8.34721 16.3472 10.25 14 10.25C11.6528 10.25 9.75 8.34721 9.75 6C9.75 3.65279 11.6528 1.75 14 1.75C16.3472 1.75 18.25 3.65279 18.25 6Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.75 18.6667C4.75 16.8725 6.09998 15.4016 8.10179 14.3324C10.0797 13.2759 12.4587 12.75 14 12.75C15.5413 12.75 17.9203 13.2759 19.8982 14.3324C21.9 15.4016 23.25 16.8725 23.25 18.6667V21.25H4.75V18.6667Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/profile-import.ts

@@ -0,0 +1,42 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const profileImport = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <path
+      d="M4 7V12.25"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2 11L4 13L6 11"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M18.25 6C18.25 8.34721 16.3472 10.25 14 10.25C11.6528 10.25 9.75 8.34721 9.75 6C9.75 3.65279 11.6528 1.75 14 1.75C16.3472 1.75 18.25 3.65279 18.25 6Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.75 18.6667C4.75 16.8725 6.09998 15.4016 8.10179 14.3324C10.0797 13.2759 12.4587 12.75 14 12.75C15.5413 12.75 17.9203 13.2759 19.8982 14.3324C21.9 15.4016 23.25 16.8725 23.25 18.6667V21.25H4.75V18.6667Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `
+}

package/src/components/lukso-icon/icons/profile-recovery-2.ts

@@ -0,0 +1,62 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const profileRecovery2 = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <g clip-path="url(#clip0_643_8332)">
+      <path
+        d="M18.25 6C18.25 8.34721 16.3472 10.25 14 10.25C11.6528 10.25 9.75 8.34721 9.75 6C9.75 3.65279 11.6528 1.75 14 1.75C16.3472 1.75 18.25 3.65279 18.25 6Z"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M4.75 18.6667C4.75 16.8725 6.09998 15.4016 8.10179 14.3324C10.0797 13.2759 12.4587 12.75 14 12.75C15.5413 12.75 17.9203 13.2759 19.8982 14.3324C21.9 15.4016 23.25 16.8725 23.25 18.6667V21.25H4.75V18.6667Z"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M1 10L6.25 10"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M5 12L7 10L5 8"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+      <path
+        d="M7 5L1.75 5"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M3 3L1 5L3 7"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_643_8332">
+        <rect width="24" height="24" fill="var(--${options.secondaryColor})" />
+      </clipPath>
+    </defs>
+  </svg> `
+}

package/src/components/lukso-icon/icons/profile-recovery.ts

@@ -0,0 +1,55 @@
+import { html } from 'lit'
+import { styleMap } from 'lit/directives/style-map.js'
+
+import { IconOptions } from '@/components/lukso-icon/index.js'
+
+export const profileRecovery = (options: IconOptions) => {
+  return html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap({
+      width: `${options.width}px`,
+      height: `${options.height}px`,
+    })}
+  >
+    <g clip-path="url(#clip0_642_8623)">
+      <path
+        d="M2.75 18.6667C2.75 16.8725 4.09998 15.4016 6.10179 14.3324C8.07966 13.2759 10.4587 12.75 12 12.75C13.5413 12.75 15.9203 13.2759 17.8982 14.3324C19.9 15.4016 21.25 16.8725 21.25 18.6667V21.25H2.75V18.6667Z"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M13.9214 9.90371C13.3135 10.1872 12.6472 10.3227 11.9769 10.2993C11.3066 10.2759 10.6514 10.0942 10.0648 9.76904C9.4782 9.44388 8.97688 8.9845 8.60183 8.42847C8.22679 7.87244 7.98866 7.23554 7.90692 6.56985"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+      <path
+        d="M10.0759 6.65833L7.61788 5.25903L6.21859 7.71708"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+      <path
+        d="M10.0786 2.45042C10.6865 2.16697 11.3528 2.03141 12.0231 2.05481C12.6934 2.07822 13.3486 2.25993 13.9352 2.58509C14.5218 2.91025 15.0231 3.36962 15.3982 3.92565C15.7732 4.48168 16.0113 5.11858 16.0931 5.78428"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+      <path
+        d="M13.9241 5.6958L16.3821 7.09509L17.7814 4.63705"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+        stroke-linecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_642_8623">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg> `
+}