@umbra.ui/icons 0.1.2 → 0.4.0

package/src/icons/InputPasswordEditIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })

package/src/icons/KeyNodesIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,21 +18,20 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
-      <path d="M9 16.25C9.82843 16.25 10.5 15.5784 10.5 14.75C10.5 13.9216 9.82843 13.25 9 13.25C8.17157 13.25 7.5 13.9216 7.5 14.75C7.5 15.5784 8.17157 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M3.5 15.75C4.32843 15.75 5 15.0784 5 14.25C5 13.4216 4.32843 12.75 3.5 12.75C2.67157 12.75 2 13.4216 2 14.25C2 15.0784 2.67157 15.75 3.5 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M14.5 15.75C15.3284 15.75 16 15.0784 16 14.25C16 13.4216 15.3284 12.75 14.5 12.75C13.6716 12.75 13 13.4216 13 14.25C13 15.0784 13.6716 15.75 14.5 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M5.25 6.75C6.63071 6.75 7.75 5.63071 7.75 4.25C7.75 2.86929 6.63071 1.75 5.25 1.75C3.86929 1.75 2.75 2.86929 2.75 4.25C2.75 5.63071 3.86929 6.75 5.25 6.75Z" />
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M5.25 6.75C6.6307 6.75 7.75 5.631 7.75 4.25C7.75 2.869 6.6307 1.75 5.25 1.75C3.8693 1.75 2.75 2.869 2.75 4.25C2.75 5.631 3.8693 6.75 5.25 6.75Z" />
       <path d="M7.75 4.25H15.25" />
       <path d="M13.75 4.25V6.5" />
       <path d="M11.25 4.25V6.5" />
-      <path d="M9 16.25C9.82843 16.25 10.5 15.5784 10.5 14.75C10.5 13.9216 9.82843 13.25 9 13.25C8.17157 13.25 7.5 13.9216 7.5 14.75C7.5 15.5784 8.17157 16.25 9 16.25Z" />
-      <path d="M3.5 15.75C4.32843 15.75 5 15.0784 5 14.25C5 13.4216 4.32843 12.75 3.5 12.75C2.67157 12.75 2 13.4216 2 14.25C2 15.0784 2.67157 15.75 3.5 15.75Z" />
-      <path d="M9 8.75V13.25" />
-      <path d="M4.56 13.19L5.957 11.793C6.145 11.605 6.25 11.351 6.25 11.086V10" />
-      <path d="M14.5 15.75C15.3284 15.75 16 15.0784 16 14.25C16 13.4216 15.3284 12.75 14.5 12.75C13.6716 12.75 13 13.4216 13 14.25C13 15.0784 13.6716 15.75 14.5 15.75Z" />
-      <path d="M13.44 13.19L12.043 11.793C11.855 11.605 11.75 11.351 11.75 11.086V10" />
+      <path opacity="0.3" d="M9 16.25C9.9665 16.25 10.75 15.466 10.75 14.5C10.75 13.534 9.9665 12.75 9 12.75C8.0335 12.75 7.25 13.534 7.25 14.5C7.25 15.466 8.0335 16.25 9 16.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" d="M3.5 14.25C4.4665 14.25 5.25 13.466 5.25 12.5C5.25 11.534 4.4665 10.75 3.5 10.75C2.5335 10.75 1.75 11.534 1.75 12.5C1.75 13.466 2.5335 14.25 3.5 14.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path opacity="0.3" d="M14.5 14.25C13.5335 14.25 12.75 13.466 12.75 12.5C12.75 11.534 13.5335 10.75 14.5 10.75C15.4665 10.75 16.25 11.534 16.25 12.5C16.25 13.466 15.4665 14.25 14.5 14.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 16.25C9.9665 16.25 10.75 15.466 10.75 14.5C10.75 13.534 9.9665 12.75 9 12.75C8.0335 12.75 7.25 13.534 7.25 14.5C7.25 15.466 8.0335 16.25 9 16.25Z" />
+      <path d="M3.5 14.25C4.4665 14.25 5.25 13.466 5.25 12.5C5.25 11.534 4.4665 10.75 3.5 10.75C2.5335 10.75 1.75 11.534 1.75 12.5C1.75 13.466 2.5335 14.25 3.5 14.25Z" />
+      <path d="M9 8.75V12.75" />
+      <path d="M4.73706 11.263L5.95706 10.043C6.14506 9.855 6.25006 9.601 6.25006 9.336V8.75" />
+      <path d="M14.5 14.25C13.5335 14.25 12.75 13.466 12.75 12.5C12.75 11.534 13.5335 10.75 14.5 10.75C15.4665 10.75 16.25 11.534 16.25 12.5C16.25 13.466 15.4665 14.25 14.5 14.25Z" />
+      <path d="M13.263 11.263L12.043 10.043C11.855 9.855 11.75 9.601 11.75 9.336V8.75" />
     </g>
   </svg>
 </template>

package/src/icons/KeyboardIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M15.25 4.75H2.75C1.64543 4.75 0.75 5.64543 0.75 6.75V11.25C0.75 12.3546 1.64543 13.25 2.75 13.25H15.25C16.3546 13.25 17.25 12.3546 17.25 11.25V6.75C17.25 5.64543 16.3546 4.75 15.25 4.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M15.25 4.75H2.75C1.64543 4.75 0.75 5.64543 0.75 6.75V11.25C0.75 12.3546 1.64543 13.25 2.75 13.25H15.25C16.3546 13.25 17.25 12.3546 17.25 11.25V6.75C17.25 5.64543 16.3546 4.75 15.25 4.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LanguageIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M2.25 4.25H10.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
       <path d="M6.25 2.25V4.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LaptopIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M4.25 14.75C3.145 14.75 2.25 13.855 2.25 12.75V4.75C2.25 3.645 3.145 2.75 4.25 2.75H13.75C14.855 2.75 15.75 3.645 15.75 4.75V12.75C15.75 13.855 14.855 14.75 13.75 14.75" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M4.25 14.75C3.145 14.75 2.25 13.855 2.25 12.75V4.75C2.25 3.645 3.145 2.75 4.25 2.75H13.75C14.855 2.75 15.75 3.645 15.75 4.75V12.75C15.75 13.855 14.855 14.75 13.75 14.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LaptopMobileIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M16.25 14.75V9.25C16.25 8.42157 15.5784 7.75 14.75 7.75H12.25C11.4216 7.75 10.75 8.42157 10.75 9.25V14.75C10.75 15.5784 11.4216 16.25 12.25 16.25H14.75C15.5784 16.25 16.25 15.5784 16.25 14.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M16.25 14.75V9.25C16.25 8.42157 15.5784 7.75 14.75 7.75H12.25C11.4216 7.75 10.75 8.42157 10.75 9.25V14.75C10.75 15.5784 11.4216 16.25 12.25 16.25H14.75C15.5784 16.25 16.25 15.5784 16.25 14.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/Layers3Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M2.665 5.086L8.534 1.995C8.826 1.841 9.174 1.841 9.466 1.995L15.336 5.086C15.87 5.367 15.87 6.132 15.336 6.413L9.466 9.504C9.174 9.658 8.826 9.658 8.534 9.504L2.665 6.414C2.131 6.133 2.131 5.367 2.665 5.086Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M2.665 5.086L8.534 1.995C8.826 1.841 9.174 1.841 9.466 1.995L15.336 5.086C15.87 5.367 15.87 6.132 15.336 6.413L9.466 9.504C9.174 9.658 8.826 9.658 8.534 9.504L2.665 6.414C2.131 6.133 2.131 5.367 2.665 5.086Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LeafIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M4.38332 9.45082C3.7218 12.0693 5.32799 13.8368 6.17989 14.3851C7.14606 14.9941 9.3918 16.1067 12.1263 14.1827C14.4642 12.5377 16.2217 7.44088 13.2397 1.78375C11.5536 5.6491 5.4867 5.08328 4.38332 9.45082Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9.097 15.247C14.724 15.061 16.223 7.137 13.265 1.75C11.556 5.321 7.613 4.784 5.407 7.504C4.753 8.31 4.249 9.405 4.249 10.586C4.249 12.163 5.028 13.558 6.221 14.402" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LifeRingIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M10.311 5.487L11.71 1.738C10.866 1.423 9.95302 1.251 8.99902 1.251C8.04502 1.251 7.13202 1.423 6.28802 1.738L7.68702 5.487C8.09602 5.334 8.53602 5.251 8.99802 5.251C9.46002 5.251 9.90102 5.335 10.309 5.488L10.311 5.487Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M12.513 10.311L16.262 11.71C16.577 10.866 16.749 9.953 16.749 9C16.749 8.046 16.577 7.133 16.262 6.289L12.513 7.688C12.666 8.097 12.749 8.537 12.749 8.999C12.749 9.461 12.665 9.902 12.512 10.31L12.513 10.311Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />

package/src/icons/Lightbulb3Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M7.973 4.358C11.045 3.714 13.75 6.041 13.75 9C13.75 10.8669 12.6695 12.4752 11.1028 13.25H6.89721C5.11106 12.3665 3.95706 10.3995 4.315 8.202C4.623 6.315 6.101 4.75 7.973 4.358Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 0.75V1.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LinkIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,11 +18,10 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
-    <g :fill="color">
-      <rect x="10.029" y="5.00841" width="10.1272" height="7.07332" rx="3.53666" transform="rotate(45 10.029 5.00841)" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M8.5 6.827C8.148 6.995 7.818 7.225 7.527 7.517L7.517 7.527C6.136 8.908 6.136 11.146 7.517 12.527L9.692 14.702C11.073 16.083 13.311 16.083 14.692 14.702L14.702 14.692C16.083 13.311 16.083 11.073 14.702 9.692L13.771 8.761" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M9.5 11.173C9.852 11.005 10.182 10.775 10.473 10.483L10.483 10.473C11.864 9.092 11.864 6.854 10.483 5.473L8.308 3.298C6.927 1.917 4.689 1.917 3.308 3.298L3.298 3.308C1.917 4.689 1.917 6.927 3.298 8.308L4.229 9.239" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M14.6892 9.66862L12.5298 7.5092C11.1486 6.12805 8.90935 6.12805 7.5282 7.5092C6.14704 8.89036 6.14704 11.1296 7.5282 12.5108L9.68761 14.6702C11.0688 16.0514 13.3081 16.0514 14.6892 14.6702C16.0704 13.2891 16.0704 11.0498 14.6892 9.66862Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M8.36909 6.8934C8.06649 7.0539 7.78239 7.2617 7.52799 7.517L7.51799 7.527C6.13699 8.908 6.13699 11.146 7.51799 12.527L9.69299 14.702C11.074 16.083 13.312 16.083 14.693 14.702L14.703 14.692C16.084 13.311 16.084 11.073 14.703 9.692L13.9406 8.9296" />
+      <path d="M9.63288 11.1066C9.93548 10.9461 10.2196 10.7383 10.474 10.483L10.484 10.473C11.865 9.09199 11.865 6.85399 10.484 5.47299L8.30899 3.29799C6.92799 1.91699 4.68999 1.91699 3.30899 3.29799L3.29899 3.30799C1.91799 4.68899 1.91799 6.92699 3.29899 8.30799L4.06139 9.07039" />
     </g>
   </svg>
 </template>

package/src/icons/LoaderIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9 1.75V4.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
       <path opacity="0.88" d="M14.127 3.873L12.359 5.641" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/Location2Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9 8.25C10.7949 8.25 12.25 6.79493 12.25 5C12.25 3.20507 10.7949 1.75 9 1.75C7.20507 1.75 5.75 3.20507 5.75 5C5.75 6.79493 7.20507 8.25 9 8.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M9 8.25C10.7949 8.25 12.25 6.79493 12.25 5C12.25 3.20507 10.7949 1.75 9 1.75C7.20507 1.75 5.75 3.20507 5.75 5C5.75 6.79493 7.20507 8.25 9 8.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LockIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,12 +18,12 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
-    <g :fill="color">
+    <title />
+    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
       <path d="M12.75 8.25H5.25C4.14543 8.25 3.25 9.14543 3.25 10.25V14.25C3.25 15.3546 4.14543 16.25 5.25 16.25H12.75C13.8546 16.25 14.75 15.3546 14.75 14.25V10.25C14.75 9.14543 13.8546 8.25 12.75 8.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M5.75 8.25V5C5.75 3.205 7.205 1.75 9 1.75C10.795 1.75 12.25 3.205 12.25 5V8.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M9 11.75V12.75" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M12.75 8.25H5.25C4.14543 8.25 3.25 9.14543 3.25 10.25V14.25C3.25 15.3546 4.14543 16.25 5.25 16.25H12.75C13.8546 16.25 14.75 15.3546 14.75 14.25V10.25C14.75 9.14543 13.8546 8.25 12.75 8.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M5.75 8.25V5C5.75 3.205 7.205 1.75 9 1.75C10.795 1.75 12.25 3.205 12.25 5V8.25" />
+      <path d="M9 11.75V12.75" />
+      <path d="M12.75 8.25H5.25C4.14543 8.25 3.25 9.14543 3.25 10.25V14.25C3.25 15.3546 4.14543 16.25 5.25 16.25H12.75C13.8546 16.25 14.75 15.3546 14.75 14.25V10.25C14.75 9.14543 13.8546 8.25 12.75 8.25Z" />
     </g>
   </svg>
 </template>

package/src/icons/LockOpen2Icon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M13.25 8.25H5.75C4.64543 8.25 3.75 9.14543 3.75 10.25V14.25C3.75 15.3546 4.64543 16.25 5.75 16.25H13.25C14.3546 16.25 15.25 15.3546 15.25 14.25V10.25C15.25 9.14543 14.3546 8.25 13.25 8.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.25 8.25V5C7.25 3.205 5.795 1.75 4 1.75C2.205 1.75 0.75 3.205 0.75 5V6.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/LockOpenIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })

package/src/icons/MagicWandIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M9.998 2.052L12.337 3.579L14.921 2.519L14.191 5.215L15.998 7.344L13.209 7.483L11.742 9.86L10.748 7.25L8.034 6.59L10.209 4.837L9.998 2.052Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M2.75 15.25L10.749 7.25101" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/MagnifierFaceWorriedIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M7.75 12.75C10.5114 12.75 12.75 10.5114 12.75 7.75C12.75 4.98858 10.5114 2.75 7.75 2.75C4.98858 2.75 2.75 4.98858 2.75 7.75C2.75 10.5114 4.98858 12.75 7.75 12.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M7.75 12.75C10.5114 12.75 12.75 10.5114 12.75 7.75C12.75 4.98858 10.5114 2.75 7.75 2.75C4.98858 2.75 2.75 4.98858 2.75 7.75C2.75 10.5114 4.98858 12.75 7.75 12.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/MagnifierIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path d="M7.75 12.75C10.5114 12.75 12.75 10.5114 12.75 7.75C12.75 4.98858 10.5114 2.75 7.75 2.75C4.98858 2.75 2.75 4.98858 2.75 7.75C2.75 10.5114 4.98858 12.75 7.75 12.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M15.25 15.25L11.285 11.285" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/MapIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-        <title />
+    <title />
     <g :fill="color">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 2.79144C6.15493 2.78511 6.05895 2.79229 5.965 2.813L2.533 3.576C2.076 3.677 1.75 4.083 1.75 4.552V13.004C1.75 13.644 2.342 14.119 2.967 13.98L5.965 13.314C6.05895 13.2928 6.15493 13.2856 6.25 13.2921V2.79144ZM11.75 15.2086C11.8451 15.2149 11.9411 15.2077 12.035 15.187L15.467 14.424C15.924 14.323 16.25 13.917 16.25 13.448V4.996C16.25 4.356 15.658 3.881 15.033 4.02L12.035 4.686C11.9411 4.70722 11.8451 4.7144 11.75 4.70794V15.2086Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M6.25 2.792V13.292" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />

package/src/icons/MediaNextIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M4.05 3.677L12.304 8.247C12.899 8.577 12.899 9.424 12.304 9.753L4.05 14.323C3.468 14.645 2.75 14.229 2.75 13.57V4.43C2.75 3.77 3.468 3.355 4.05 3.677Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M4.05 3.677L12.304 8.247C12.899 8.577 12.899 9.424 12.304 9.753L4.05 14.323C3.468 14.645 2.75 14.229 2.75 13.57V4.43C2.75 3.77 3.468 3.355 4.05 3.677Z" />
+      <path d="M15.25 15.25V2.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/MediaPauseIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M5.25 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V14.25C2.75 14.8023 3.19772 15.25 3.75 15.25H5.25C5.80228 15.25 6.25 14.8023 6.25 14.25V3.75C6.25 3.19772 5.80228 2.75 5.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 2.75H12.75C12.1977 2.75 11.75 3.19772 11.75 3.75V14.25C11.75 14.8023 12.1977 15.25 12.75 15.25H14.25C14.8023 15.25 15.25 14.8023 15.25 14.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.25 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V14.25C2.75 14.8023 3.19772 15.25 3.75 15.25H5.25C5.80228 15.25 6.25 14.8023 6.25 14.25V3.75C6.25 3.19772 5.80228 2.75 5.25 2.75Z" />
+      <path d="M14.25 2.75H12.75C12.1977 2.75 11.75 3.19772 11.75 3.75V14.25C11.75 14.8023 12.1977 15.25 12.75 15.25H14.25C14.8023 15.25 15.25 14.8023 15.25 14.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/MediaPlayIcon.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M5.245 2.878L14.737 8.134C15.422 8.513 15.422 9.487 14.737 9.866L5.245 15.122C4.576 15.493 3.75 15.014 3.75 14.256V3.744C3.75 2.986 4.575 2.507 5.245 2.878Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.245 2.878L14.737 8.134C15.422 8.513 15.422 9.487 14.737 9.866L5.245 15.122C4.576 15.493 3.75 15.014 3.75 14.256V3.744C3.75 2.986 4.575 2.507 5.245 2.878Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/MediaPreviousIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M13.95 14.323L5.69698 9.753C5.10198 9.423 5.10198 8.576 5.69698 8.247L13.95 3.677C14.532 3.355 15.25 3.771 15.25 4.43V13.57C15.25 14.23 14.532 14.645 13.95 14.323Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.95 14.323L5.69698 9.753C5.10198 9.423 5.10198 8.576 5.69698 8.247L13.95 3.677C14.532 3.355 15.25 3.771 15.25 4.43V13.57C15.25 14.23 14.532 14.645 13.95 14.323Z" />
+      <path d="M2.75 2.75V15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/MenuArrowRightIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <title />
+    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
+      <path d="M12.5 12.25L15.75 9L12.5 5.75" />
+      <path d="M15.75 9H2.25" />
+      <path d="M9.25 14.75H2.25" />
+      <path d="M9.25 3.25H2.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/src/icons/MenuBarsIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })

package/src/icons/MenuIcon.vue

@@ -4,7 +4,7 @@ interface Props {
   color?: string
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   size: 24,
   color: 'currentColor'
 })