@lukso/web-components 1.177.0 → 1.178.0

package/dist/components/lukso-icon/icons/fish-outline.js

@@ -0,0 +1,36 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const fishOutline = (options) => {
+  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.25 7.125C8.87297 7.69734 6.83672 9.57703 5.61094 10.567C5.2573 10.2394 4.88462 9.93291 4.49484 9.64922C2.79047 8.40422 0.75 8.25 0.75 8.25C0.75 8.25 1.28297 10.6655 2.68875 11.992C1.28297 13.3191 0.75 15.7345 0.75 15.7345C0.75 15.7345 2.79047 15.5803 4.49484 14.3353C4.88133 14.0541 5.25088 13.7503 5.60156 13.4255C6.825 14.4164 8.87063 16.3008 11.25 16.875L10.5 19.5C12.3483 19.1873 14.1966 17.8355 14.94 17.2383C21 16.9688 23.25 13.0781 23.25 12C23.25 10.9688 21 7.03125 14.9583 6.76266C14.2275 6.17719 12.3637 4.815 10.5 4.5L11.25 7.125Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19.5 11.9995C19.9142 11.9995 20.25 11.6637 20.25 11.2495C20.25 10.8353 19.9142 10.4995 19.5 10.4995C19.0858 10.4995 18.75 10.8353 18.75 11.2495C18.75 11.6637 19.0858 11.9995 19.5 11.9995Z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M17.7361 16.6875C16.9096 15.2635 16.4744 13.6464 16.4744 12C16.4744 10.3536 16.9096 8.73646 17.7361 7.3125"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="20"
+      stroke-linecap="round"
+    />
+  </svg> `;
+};
+
+export { fishOutline };

package/dist/components/lukso-icon/icons/flag-outline.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const flagOutline = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M3.75 21.75V3.19406C3.75023 3.12846 3.76767 3.06407 3.80057 3.00731C3.83347 2.95056 3.88069 2.90343 3.9375 2.87063C4.30359 2.65594 5.29312 2.25 7.5 2.25C10.5 2.25 14.2969 4.5 16.5 4.5C17.7439 4.49677 18.9746 4.24546 20.1202 3.76078C20.1344 3.75483 20.1499 3.7525 20.1653 3.75399C20.1807 3.75549 20.1955 3.76076 20.2083 3.76934C20.2212 3.77793 20.2317 3.78955 20.239 3.80319C20.2462 3.81682 20.25 3.83205 20.25 3.8475V14.13C20.2499 14.1663 20.2393 14.2018 20.2194 14.2322C20.1995 14.2625 20.1712 14.2865 20.138 14.3011C19.7517 14.4703 18.3905 15 16.5 15C14.25 15 10.5 13.5 7.5 13.5C4.5 13.5 3.75 14.25 3.75 14.25"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+  </svg> `;
+};
+
+exports.flagOutline = flagOutline;

package/dist/components/lukso-icon/icons/flag-outline.js

@@ -0,0 +1,26 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const flagOutline = (options) => {
+  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="M3.75 21.75V3.19406C3.75023 3.12846 3.76767 3.06407 3.80057 3.00731C3.83347 2.95056 3.88069 2.90343 3.9375 2.87063C4.30359 2.65594 5.29312 2.25 7.5 2.25C10.5 2.25 14.2969 4.5 16.5 4.5C17.7439 4.49677 18.9746 4.24546 20.1202 3.76078C20.1344 3.75483 20.1499 3.7525 20.1653 3.75399C20.1807 3.75549 20.1955 3.76076 20.2083 3.76934C20.2212 3.77793 20.2317 3.78955 20.239 3.80319C20.2462 3.81682 20.25 3.83205 20.25 3.8475V14.13C20.2499 14.1663 20.2393 14.2018 20.2194 14.2322C20.1995 14.2625 20.1712 14.2865 20.138 14.3011C19.7517 14.4703 18.3905 15 16.5 15C14.25 15 10.5 13.5 7.5 13.5C4.5 13.5 3.75 14.25 3.75 14.25"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+  </svg> `;
+};
+
+export { flagOutline };

package/dist/components/lukso-icon/icons/flash.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const flash = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M6.0901 13.2799H9.1801V20.4799C9.1801 22.1599 10.0901 22.4999 11.2001 21.2399L18.7701 12.6399C19.7001 11.5899 19.3101 10.7199 17.9001 10.7199H14.8101V3.5199C14.8101 1.8399 13.9001 1.4999 12.7901 2.7599L5.2201 11.3599C4.3001 12.4199 4.6901 13.2799 6.0901 13.2799Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.flash = flash;

package/dist/components/lukso-icon/icons/flash.js

@@ -0,0 +1,27 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const flash = (options) => {
+  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="M6.0901 13.2799H9.1801V20.4799C9.1801 22.1599 10.0901 22.4999 11.2001 21.2399L18.7701 12.6399C19.7001 11.5899 19.3101 10.7199 17.9001 10.7199H14.8101V3.5199C14.8101 1.8399 13.9001 1.4999 12.7901 2.7599L5.2201 11.3599C4.3001 12.4199 4.6901 13.2799 6.0901 13.2799Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { flash };

package/dist/components/lukso-icon/icons/flip.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const flip = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M13 8C17.4183 8 21 9.64162 21 11.6667C21 12.5531 20.3137 13.366 19.1714 14"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M14.8285 10.6567C13.5398 9.36808 12 7.82837 12 7.82837L14.8284 4.99994"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11 16C6.58172 16 3 14.3584 3 12.3333C3 11.4469 3.68628 10.634 4.8286 10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M9.17153 13.3433C10.4602 14.6319 12 16.1716 12 16.1716L9.17157 19.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.flip = flip;

package/dist/components/lukso-icon/icons/flip.js

@@ -0,0 +1,45 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const flip = (options) => {
+  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="M13 8C17.4183 8 21 9.64162 21 11.6667C21 12.5531 20.3137 13.366 19.1714 14"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M14.8285 10.6567C13.5398 9.36808 12 7.82837 12 7.82837L14.8284 4.99994"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11 16C6.58172 16 3 14.3584 3 12.3333C3 11.4469 3.68628 10.634 4.8286 10"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+    />
+    <path
+      d="M9.17153 13.3433C10.4602 14.6319 12 16.1716 12 16.1716L9.17157 19.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { flip };

package/dist/components/lukso-icon/icons/gallery.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const gallery = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2.66998 18.9501L7.59998 15.6401C8.38998 15.1101 9.52998 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.gallery = gallery;

package/dist/components/lukso-icon/icons/gallery.js

@@ -0,0 +1,40 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const gallery = (options) => {
+  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="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2.66998 18.9501L7.59998 15.6401C8.38998 15.1101 9.52998 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { gallery };

package/dist/components/lukso-icon/icons/gas.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const gas = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M2.6167 5C2.6167 4.30964 3.17634 3.75 3.8667 3.75H12.5334C13.2237 3.75 13.7834 4.30964 13.7834 5V21.25H2.6167V5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 18.2H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 15.6667H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 13.1333H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M14.5334 14.9507V14.9507C15.9763 14.9507 17.1459 16.1204 17.1459 17.5632V18.2396C17.1459 19.6168 18.2624 20.7333 19.6397 20.7333V20.7333C21.017 20.7333 22.1334 19.6168 22.1334 18.2396V9.72406C22.1334 8.51878 21.59 7.37776 20.6541 6.61823L16.1959 3"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <circle
+      cx="19.6"
+      cy="9.33332"
+      r="1.78333"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `;
+};
+
+exports.gas = gas;

package/dist/components/lukso-icon/icons/gas.js

@@ -0,0 +1,51 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const gas = (options) => {
+  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="M2.6167 5C2.6167 4.30964 3.17634 3.75 3.8667 3.75H12.5334C13.2237 3.75 13.7834 4.30964 13.7834 5V21.25H2.6167V5Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 18.2H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 15.6667H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M4.40015 13.1333H12.0001"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <path
+      d="M14.5334 14.9507V14.9507C15.9763 14.9507 17.1459 16.1204 17.1459 17.5632V18.2396C17.1459 19.6168 18.2624 20.7333 19.6397 20.7333V20.7333C21.017 20.7333 22.1334 19.6168 22.1334 18.2396V9.72406C22.1334 8.51878 21.59 7.37776 20.6541 6.61823L16.1959 3"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+    <circle
+      cx="19.6"
+      cy="9.33332"
+      r="1.78333"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+    />
+  </svg> `;
+};
+
+export { gas };

package/dist/components/lukso-icon/icons/glasses.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const glasses = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M6.25 19a4 4 0 1 0 0-8 4 4 0 0 0 0 8m12 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M14.25 15a2 2 0 0 0-4 0" fill="var(--${options.color})" />
+    <path
+      d="M14.25 15a2 2 0 0 0-4 0m-7.5-2 2.5-6c.7-1.3 1.4-2 3-2m13.5 8-2.5-6c-.7-1.3-1.5-2-3-2"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+exports.glasses = glasses;

package/dist/components/lukso-icon/icons/glasses.js

@@ -0,0 +1,35 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const glasses = (options) => {
+  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="M6.25 19a4 4 0 1 0 0-8 4 4 0 0 0 0 8m12 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+      fill="var(--${options.color})"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path d="M14.25 15a2 2 0 0 0-4 0" fill="var(--${options.color})" />
+    <path
+      d="M14.25 15a2 2 0 0 0-4 0m-7.5-2 2.5-6c.7-1.3 1.4-2 3-2m13.5 8-2.5-6c-.7-1.3-1.5-2-3-2"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
+export { glasses };

package/dist/components/lukso-icon/icons/globe.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const lit = require('lit');
+const styleMap_js = require('lit/directives/style-map.js');
+
+const globe = (options) => {
+  return lit.html`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap_js.styleMap({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <g clip-path="url(#clip0_455_4588)">
+      <path
+        d="M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3L12 21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M21 12L3 12"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3V3C5.44859 7.21162 5.44859 16.7884 12 21V21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3V3C18.5514 7.21162 18.5514 16.7884 12 21V21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M5 18.5V18.5C8.70577 14.2648 15.2942 14.2648 19 18.5V18.5"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M5 5.5V5.5C8.70577 9.73517 15.2942 9.73517 19 5.5V5.5"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_455_4588">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg> `;
+};
+
+exports.globe = globe;

package/dist/components/lukso-icon/icons/globe.js

@@ -0,0 +1,61 @@
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+const globe = (options) => {
+  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_455_4588)">
+      <path
+        d="M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3L12 21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M21 12L3 12"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3V3C5.44859 7.21162 5.44859 16.7884 12 21V21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M12 3V3C18.5514 7.21162 18.5514 16.7884 12 21V21"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M5 18.5V18.5C8.70577 14.2648 15.2942 14.2648 19 18.5V18.5"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+      <path
+        d="M5 5.5V5.5C8.70577 9.73517 15.2942 9.73517 19 5.5V5.5"
+        stroke="var(--${options.color})"
+        stroke-width="${options.strokeWidth}"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_455_4588">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg> `;
+};
+
+export { globe };