chromia 0.1.12 → 0.1.13

package/dist/icons/EmailIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EmailIcon">
       <path d="M4.1999 6.60005L11.3169 11.5272C11.7278 11.8117 12.272 11.8117 12.683 11.5272L19.7999 6.60005M4.7999 19.2H19.1999C20.5254 19.2 21.5999 18.1255 21.5999 16.8V7.20005C21.5999 5.87457 20.5254 4.80005 19.1999 4.80005H4.7999C3.47442 4.80005 2.3999 5.87457 2.3999 7.20005V16.8C2.3999 18.1255 3.47442 19.2 4.7999 19.2Z" stroke="url(#grad-EmailIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EmailIcon">
-      <path d="M4.1999 6.60005L11.3169 11.5272C11.7278 11.8117 12.272 11.8117 12.683 11.5272L19.7999 6.60005M4.7999 19.2H19.1999C20.5254 19.2 21.5999 18.1255 21.5999 16.8V7.20005C21.5999 5.87457 20.5254 4.80005 19.1999 4.80005H4.7999C3.47442 4.80005 2.3999 5.87457 2.3999 7.20005V16.8C2.3999 18.1255 3.47442 19.2 4.7999 19.2Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M4.1999 6.60005L11.3169 11.5272C11.7278 11.8117 12.272 11.8117 12.683 11.5272L19.7999 6.60005M4.7999 19.2H19.1999C20.5254 19.2 21.5999 18.1255 21.5999 16.8V7.20005C21.5999 5.87457 20.5254 4.80005 19.1999 4.80005H4.7999C3.47442 4.80005 2.3999 5.87457 2.3999 7.20005V16.8C2.3999 18.1255 3.47442 19.2 4.7999 19.2Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/EmbedIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EmbedIcon">
       <path d="M2.39966 12.1218L2.0461 11.7682C1.85084 11.9635 1.85084 12.2801 2.0461 12.4753L2.39966 12.1218ZM21.6002 12.1218L21.9538 12.4753C22.1491 12.2801 22.1491 11.9635 21.9538 11.7682L21.6002 12.1218ZM11.9997 12.1212L11.5169 11.9912L11.5165 11.9924L11.9997 12.1212ZM5.99966 15.7218L6.35321 15.3682L2.75321 11.7682L2.39966 12.1218L2.0461 12.4753L5.6461 16.0753L5.99966 15.7218ZM2.39966 12.1218L2.75321 12.4753L6.35321 8.87533L5.99966 8.52178L5.6461 8.16822L2.0461 11.7682L2.39966 12.1218ZM18.0002 8.52178L17.6467 8.87533L21.2467 12.4753L21.6002 12.1218L21.9538 11.7682L18.3538 8.16822L18.0002 8.52178ZM21.6002 12.1218L21.2467 11.7682L17.6467 15.3682L18.0002 15.7218L18.3538 16.0753L21.9538 12.4753L21.6002 12.1218ZM10.284 18.557L10.7672 18.6858L12.4828 12.25L11.9997 12.1212L11.5165 11.9924L9.80091 18.4282L10.284 18.557ZM11.9997 12.1212L12.4825 12.2512L14.2807 5.57312L13.7979 5.44312L13.3151 5.31311L11.5169 11.9912L11.9997 12.1212Z" fill="url(#grad-EmbedIcon)"/>
@@ -61,7 +62,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EmbedIcon">
       <path d="M2.39966 12.1218L2.0461 11.7682C1.85084 11.9635 1.85084 12.2801 2.0461 12.4753L2.39966 12.1218ZM21.6002 12.1218L21.9538 12.4753C22.1491 12.2801 22.1491 11.9635 21.9538 11.7682L21.6002 12.1218ZM11.9997 12.1212L11.5169 11.9912L11.5165 11.9924L11.9997 12.1212ZM5.99966 15.7218L6.35321 15.3682L2.75321 11.7682L2.39966 12.1218L2.0461 12.4753L5.6461 16.0753L5.99966 15.7218ZM2.39966 12.1218L2.75321 12.4753L6.35321 8.87533L5.99966 8.52178L5.6461 8.16822L2.0461 11.7682L2.39966 12.1218ZM18.0002 8.52178L17.6467 8.87533L21.2467 12.4753L21.6002 12.1218L21.9538 11.7682L18.3538 8.16822L18.0002 8.52178ZM21.6002 12.1218L21.2467 11.7682L17.6467 15.3682L18.0002 15.7218L18.3538 16.0753L21.9538 12.4753L21.6002 12.1218ZM10.284 18.557L10.7672 18.6858L12.4828 12.25L11.9997 12.1212L11.5165 11.9924L9.80091 18.4282L10.284 18.557ZM11.9997 12.1212L12.4825 12.2512L14.2807 5.57312L13.7979 5.44312L13.3151 5.31311L11.5169 11.9912L11.9997 12.1212Z" fill="currentColor"/>

package/dist/icons/EqualsIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EqualsIcon">
       <path d="M19.2 15.6H4.80005M19.2 8.40002H4.80005" stroke="url(#grad-EqualsIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EqualsIcon">
-      <path d="M19.2 15.6H4.80005M19.2 8.40002H4.80005" stroke="currentColor"/>
+      <path d="M19.2 15.6H4.80005M19.2 8.40002H4.80005" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/EqualsNotIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EqualsNotIcon">
       <path d="M19.2 15.6H4.80005M19.2 8.4H4.80005M6.60005 18L17.4 6" stroke="url(#grad-EqualsNotIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EqualsNotIcon">
-      <path d="M19.2 15.6H4.80005M19.2 8.4H4.80005M6.60005 18L17.4 6" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M19.2 15.6H4.80005M19.2 8.4H4.80005M6.60005 18L17.4 6" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Expand02Icon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Expand02Icon">
       <path d="M13.0105 10.9902L19.0711 4.92898M19.0711 4.92898L15.0305 4.92896M19.0711 4.92898L19.0711 8.96949M10.9899 13.0102L4.9293 19.0714M4.9293 19.0714L8.96989 19.0715M4.9293 19.0714L4.92936 15.0309M13.0099 13.0105L19.0711 19.0711M19.0711 19.0711L19.0711 15.0305M19.0711 19.0711L15.0306 19.0711M10.9902 10.9896L4.92898 4.92898M4.92898 4.92898L4.92896 8.96956M4.92898 4.92898L8.96949 4.92903" stroke="url(#grad-Expand02Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Expand02Icon">
-      <path d="M13.0105 10.9902L19.0711 4.92898M19.0711 4.92898L15.0305 4.92896M19.0711 4.92898L19.0711 8.96949M10.9899 13.0102L4.9293 19.0714M4.9293 19.0714L8.96989 19.0715M4.9293 19.0714L4.92936 15.0309M13.0099 13.0105L19.0711 19.0711M19.0711 19.0711L19.0711 15.0305M19.0711 19.0711L15.0306 19.0711M10.9902 10.9896L4.92898 4.92898M4.92898 4.92898L4.92896 8.96956M4.92898 4.92898L8.96949 4.92903" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.0105 10.9902L19.0711 4.92898M19.0711 4.92898L15.0305 4.92896M19.0711 4.92898L19.0711 8.96949M10.9899 13.0102L4.9293 19.0714M4.9293 19.0714L8.96989 19.0715M4.9293 19.0714L4.92936 15.0309M13.0099 13.0105L19.0711 19.0711M19.0711 19.0711L19.0711 15.0305M19.0711 19.0711L15.0306 19.0711M10.9902 10.9896L4.92898 4.92898M4.92898 4.92898L4.92896 8.96956M4.92898 4.92898L8.96949 4.92903" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ExpandIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ExpandIcon">
       <path d="M8.7999 2.40002H4.53324C3.35503 2.40002 2.3999 3.35515 2.3999 4.53336V8.80002M8.7999 21.6H4.53324C3.35503 21.6 2.3999 20.6449 2.3999 19.4667V15.2M15.1999 2.40002H19.4666C20.6448 2.40002 21.5999 3.35515 21.5999 4.53336V8.80002M21.5999 15.2V19.4667C21.5999 20.6449 20.6448 21.6 19.4666 21.6H15.1999" stroke="url(#grad-ExpandIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ExpandIcon">
-      <path d="M8.7999 2.40002H4.53324C3.35503 2.40002 2.3999 3.35515 2.3999 4.53336V8.80002M8.7999 21.6H4.53324C3.35503 21.6 2.3999 20.6449 2.3999 19.4667V15.2M15.1999 2.40002H19.4666C20.6448 2.40002 21.5999 3.35515 21.5999 4.53336V8.80002M21.5999 15.2V19.4667C21.5999 20.6449 20.6448 21.6 19.4666 21.6H15.1999" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M8.7999 2.40002H4.53324C3.35503 2.40002 2.3999 3.35515 2.3999 4.53336V8.80002M8.7999 21.6H4.53324C3.35503 21.6 2.3999 20.6449 2.3999 19.4667V15.2M15.1999 2.40002H19.4666C20.6448 2.40002 21.5999 3.35515 21.5999 4.53336V8.80002M21.5999 15.2V19.4667C21.5999 20.6449 20.6448 21.6 19.4666 21.6H15.1999" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/EyeClosedIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EyeClosedIcon">
       <path d="M20.3999 19.5L5.3999 4.5M10.1999 10.4416C9.82648 10.8533 9.5999 11.394 9.5999 11.9863C9.5999 13.2761 10.6744 14.3217 11.9999 14.3217C12.611 14.3217 13.1688 14.0994 13.5926 13.7334M20.4387 14.3217C21.2649 13.0848 21.5999 12.0761 21.5999 12.0761C21.5999 12.0761 19.4153 5.1 11.9999 5.1C11.5836 5.1 11.1838 5.12199 10.7999 5.16349M17.3999 17.3494C16.0225 18.2281 14.2492 18.8495 11.9999 18.8127C4.67683 18.693 2.3999 12.0761 2.3999 12.0761C2.3999 12.0761 3.45776 8.69808 6.5999 6.64332" stroke="url(#grad-EyeClosedIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EyeClosedIcon">
-      <path d="M20.3999 19.5L5.3999 4.5M10.1999 10.4416C9.82648 10.8533 9.5999 11.394 9.5999 11.9863C9.5999 13.2761 10.6744 14.3217 11.9999 14.3217C12.611 14.3217 13.1688 14.0994 13.5926 13.7334M20.4387 14.3217C21.2649 13.0848 21.5999 12.0761 21.5999 12.0761C21.5999 12.0761 19.4153 5.1 11.9999 5.1C11.5836 5.1 11.1838 5.12199 10.7999 5.16349M17.3999 17.3494C16.0225 18.2281 14.2492 18.8495 11.9999 18.8127C4.67683 18.693 2.3999 12.0761 2.3999 12.0761C2.3999 12.0761 3.45776 8.69808 6.5999 6.64332" stroke="currentColor"/>
+      <path d="M20.3999 19.5L5.3999 4.5M10.1999 10.4416C9.82648 10.8533 9.5999 11.394 9.5999 11.9863C9.5999 13.2761 10.6744 14.3217 11.9999 14.3217C12.611 14.3217 13.1688 14.0994 13.5926 13.7334M20.4387 14.3217C21.2649 13.0848 21.5999 12.0761 21.5999 12.0761C21.5999 12.0761 19.4153 5.1 11.9999 5.1C11.5836 5.1 11.1838 5.12199 10.7999 5.16349M17.3999 17.3494C16.0225 18.2281 14.2492 18.8495 11.9999 18.8127C4.67683 18.693 2.3999 12.0761 2.3999 12.0761C2.3999 12.0761 3.45776 8.69808 6.5999 6.64332" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/EyeOpenIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -31,7 +32,7 @@ export { className as class };
       ? `color: ${color};`
       : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EyeOpenIcon">
       <path
@@ -71,16 +72,16 @@ export { className as class };
       ? `color: ${color};`
       : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_EyeOpenIcon">
       <path
         d="M2.3999 12.0291C2.3999 12.0291 4.7999 5.1 11.9999 5.1C19.1999 5.1 21.5999 12.0291 21.5999 12.0291C21.5999 12.0291 19.1999 18.8127 11.9999 18.8127C4.7999 18.8127 2.3999 12.0291 2.3999 12.0291Z"
-        stroke="currentColor"
+        stroke={color}
       />
       <path
         d="M14.3999 12.0291C14.3999 13.3189 13.3254 14.3645 11.9999 14.3645C10.6744 14.3645 9.5999 13.3189 9.5999 12.0291C9.5999 10.7393 10.6744 9.69377 11.9999 9.69377C13.3254 9.69377 14.3999 10.7393 14.3999 12.0291Z"
-        stroke="currentColor"
+        stroke={color}
       />
     </g>
   </svg>

package/dist/icons/FavoriteIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Favorite">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Favorite">
       <path
         id="icon_Favorite"
         d="M2.80005 2.3999C2.80005 1.84762 3.24776 1.3999 3.80005 1.3999H10.2C10.7523 1.3999 11.2 1.84762 11.2 2.3999V11.5324C11.2 11.9563 10.7056 12.1879 10.38 11.9165L7.00005 9.0999L3.62014 11.9165C3.29448 12.1879 2.80005 11.9563 2.80005 11.5324V2.3999Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/FileIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FileIcon">
       <path d="M13.2 2.40002V7.20002C13.2 7.86277 13.7373 8.40002 14.4 8.40002H19.2M13.4059 2.40002H7.20005C5.87457 2.40002 4.80005 3.47454 4.80005 4.80002V19.2C4.80005 20.5255 5.87457 21.6 7.20005 21.6H16.8C18.1255 21.6 19.2 20.5255 19.2 19.2V8.19414C19.2 7.55762 18.9472 6.94717 18.4971 6.49708L15.103 3.10297C14.6529 2.65288 14.0425 2.40002 13.4059 2.40002Z" stroke="url(#grad-FileIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FileIcon">
-      <path d="M13.2 2.40002V7.20002C13.2 7.86277 13.7373 8.40002 14.4 8.40002H19.2M13.4059 2.40002H7.20005C5.87457 2.40002 4.80005 3.47454 4.80005 4.80002V19.2C4.80005 20.5255 5.87457 21.6 7.20005 21.6H16.8C18.1255 21.6 19.2 20.5255 19.2 19.2V8.19414C19.2 7.55762 18.9472 6.94717 18.4971 6.49708L15.103 3.10297C14.6529 2.65288 14.0425 2.40002 13.4059 2.40002Z" stroke="currentColor"/>
+      <path d="M13.2 2.40002V7.20002C13.2 7.86277 13.7373 8.40002 14.4 8.40002H19.2M13.4059 2.40002H7.20005C5.87457 2.40002 4.80005 3.47454 4.80005 4.80002V19.2C4.80005 20.5255 5.87457 21.6 7.20005 21.6H16.8C18.1255 21.6 19.2 20.5255 19.2 19.2V8.19414C19.2 7.55762 18.9472 6.94717 18.4971 6.49708L15.103 3.10297C14.6529 2.65288 14.0425 2.40002 13.4059 2.40002Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/FilterIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FilterIcon">
       <path d="M6.59995 12H17.4M4.19995 7.19995H19.8M10.2 16.8H13.8" stroke="url(#grad-FilterIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FilterIcon">
-      <path d="M6.59995 12H17.4M4.19995 7.19995H19.8M10.2 16.8H13.8" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.59995 12H17.4M4.19995 7.19995H19.8M10.2 16.8H13.8" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/FlameIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 10 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Flame">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 10 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Flame">
       <path
         id="icon_Flame"
         d="M5.00002 12.5999C2.68416 12.5999 0.799988 10.8254 0.799988 8.64415C0.799988 5.5999 5.00005 1.3999 5.00005 1.3999C5.00005 1.3999 9.19999 5.5999 9.19999 8.64415C9.19999 10.8254 7.31588 12.5999 5.00002 12.5999ZM5.00002 12.5999C3.84209 12.5999 2.89999 11.7126 2.89999 10.622C2.89999 9.0999 5.00002 6.9999 5.00002 6.9999C5.00002 6.9999 7.09999 9.0999 7.09999 10.622C7.09999 11.7126 6.15795 12.5999 5.00002 12.5999Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/FlipLeftIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FlipLeftIcon">
       <path d="M6.95389 4.79995L2.40003 9.41544M2.40003 9.41544L6.95389 14.0309M2.40003 9.41544L17.6 9.41544C19.8092 9.41544 21.6 11.2063 21.6 13.4154L21.6 15.2C21.6 17.4091 19.8092 19.2 17.6 19.2L12 19.2" stroke="url(#grad-FlipLeftIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FlipLeftIcon">
-      <path d="M6.95389 4.79995L2.40003 9.41544M2.40003 9.41544L6.95389 14.0309M2.40003 9.41544L17.6 9.41544C19.8092 9.41544 21.6 11.2063 21.6 13.4154L21.6 15.2C21.6 17.4091 19.8092 19.2 17.6 19.2L12 19.2" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.95389 4.79995L2.40003 9.41544M2.40003 9.41544L6.95389 14.0309M2.40003 9.41544L17.6 9.41544C19.8092 9.41544 21.6 11.2063 21.6 13.4154L21.6 15.2C21.6 17.4091 19.8092 19.2 17.6 19.2L12 19.2" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/FlipRightIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FlipRightIcon">
       <path d="M17.0461 4.79995L21.6 9.41544M21.6 9.41544L17.0461 14.0309M21.6 9.41544L6.39997 9.41544C4.19083 9.41544 2.39998 11.2063 2.39998 13.4154L2.39998 15.1999C2.39997 17.4091 4.19084 19.1999 6.39997 19.1999L12 19.2" stroke="url(#grad-FlipRightIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FlipRightIcon">
-      <path d="M17.0461 4.79995L21.6 9.41544M21.6 9.41544L17.0461 14.0309M21.6 9.41544L6.39997 9.41544C4.19083 9.41544 2.39998 11.2063 2.39998 13.4154L2.39998 15.1999C2.39997 17.4091 4.19084 19.1999 6.39997 19.1999L12 19.2" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M17.0461 4.79995L21.6 9.41544M21.6 9.41544L17.0461 14.0309M21.6 9.41544L6.39997 9.41544C4.19083 9.41544 2.39998 11.2063 2.39998 13.4154L2.39998 15.1999C2.39997 17.4091 4.19084 19.1999 6.39997 19.1999L12 19.2" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/FolderIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Folder">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Folder">
       <path
         id="icon_Folder"
         d="M11.421 6.11594V4.75805C11.421 4.20576 10.9732 3.75805 10.421 3.75805H7.11938C6.85416 3.75805 6.59981 3.65269 6.41227 3.46516L5.81911 2.87199C5.63157 2.68446 5.37722 2.5791 5.112 2.5791H2.3999C1.84762 2.5791 1.3999 3.02682 1.3999 3.5791V10.537C1.3999 11.0253 1.79578 11.4212 2.28411 11.4212H2.66933C2.94492 11.4212 3.16832 11.1978 3.16832 10.9222V10.9222C3.16832 10.8624 3.17908 10.803 3.20009 10.747L4.69342 6.76482C4.83978 6.37452 5.2129 6.11594 5.62974 6.11594H11.2125C11.895 6.11594 12.377 6.78464 12.1612 7.43217L11.0594 10.7374C10.9233 11.1458 10.5412 11.4212 10.1107 11.4212H2.57885"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/FolderPlusIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FolderPlus">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FolderPlus">
       <path
         id="icon_FolderPlus"
         d="M7.05993 11.3836H2.51048C1.73728 11.3836 1.11047 10.7568 1.11048 9.98357L1.11053 4.66106C1.11054 4.12794 1.11034 3.3686 1.11017 2.81878C1.11005 2.43208 1.42349 2.11896 1.8102 2.11896H5.14582L6.75875 3.84191H11.6099C11.9965 3.84191 12.3099 4.15531 12.3099 4.54191V6.40133M10.9099 11.8811L10.9099 9.90117M10.9099 9.90117L10.9099 7.92127M10.9099 9.90117L8.93003 9.90117M10.9099 9.90117L12.8898 9.90117"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/GearIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_GearIcon">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3531 6.59995L12 1.19995L2.64697 6.59995V17.4L12 22.7999L21.3531 17.4V6.59995ZM12 15.6C13.9883 15.6 15.6 13.9882 15.6 12C15.6 10.0117 13.9883 8.39995 12 8.39995C10.0118 8.39995 8.40005 10.0117 8.40005 12C8.40005 13.9882 10.0118 15.6 12 15.6Z" stroke="url(#grad-GearIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_GearIcon">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3531 6.59995L12 1.19995L2.64697 6.59995V17.4L12 22.7999L21.3531 17.4V6.59995ZM12 15.6C13.9883 15.6 15.6 13.9882 15.6 12C15.6 10.0117 13.9883 8.39995 12 8.39995C10.0118 8.39995 8.40005 10.0117 8.40005 12C8.40005 13.9882 10.0118 15.6 12 15.6Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3531 6.59995L12 1.19995L2.64697 6.59995V17.4L12 22.7999L21.3531 17.4V6.59995ZM12 15.6C13.9883 15.6 15.6 13.9882 15.6 12C15.6 10.0117 13.9883 8.39995 12 8.39995C10.0118 8.39995 8.40005 10.0117 8.40005 12C8.40005 13.9882 10.0118 15.6 12 15.6Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Gift01Icon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Gift01Icon">
       <path d="M12.1746 21.6537V7.69003M10.5496 6.85234C10.7224 6.89114 10.9046 6.84359 11.0291 6.71913C11.1535 6.59467 11.201 6.41244 11.1623 6.23964C11.0071 5.60585 10.4356 3.48361 9.84873 2.89674C9.11757 2.16558 7.92757 2.16254 7.20002 2.89008C6.47253 3.61757 6.47547 4.80757 7.20669 5.53879C7.80316 6.13526 9.91581 6.69721 10.5496 6.85234ZM12.3242 6.23959C12.2854 6.41246 12.3329 6.59462 12.4574 6.71908C12.5818 6.84354 12.7641 6.89101 12.9369 6.85229C13.5706 6.69714 15.6929 6.1256 16.2797 5.53874C17.0109 4.80758 17.014 3.61758 16.2864 2.89003C15.5589 2.16254 14.3689 2.16548 13.6377 2.8967C13.0412 3.49317 12.4793 5.60582 12.3242 6.23959ZM3.09821 12.5773H20.9018C21.2874 12.5773 21.6 12.2647 21.6 11.8791V8.38822C21.6 8.00262 21.2874 7.69003 20.9018 7.69003H3.09821C2.71261 7.69003 2.40002 8.00262 2.40002 8.38821V11.8791C2.40002 12.2647 2.71261 12.5773 3.09821 12.5773ZM19.8546 12.5773V20.9555C19.8546 21.3411 19.542 21.6537 19.1564 21.6537H4.84366C4.45807 21.6537 4.14548 21.3411 4.14548 20.9555V12.5773H19.8546Z" stroke="url(#grad-Gift01Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Gift01Icon">
-      <path d="M12.1746 21.6537V7.69003M10.5496 6.85234C10.7224 6.89114 10.9046 6.84359 11.0291 6.71913C11.1535 6.59467 11.201 6.41244 11.1623 6.23964C11.0071 5.60585 10.4356 3.48361 9.84873 2.89674C9.11757 2.16558 7.92757 2.16254 7.20002 2.89008C6.47253 3.61757 6.47547 4.80757 7.20669 5.53879C7.80316 6.13526 9.91581 6.69721 10.5496 6.85234ZM12.3242 6.23959C12.2854 6.41246 12.3329 6.59462 12.4574 6.71908C12.5818 6.84354 12.7641 6.89101 12.9369 6.85229C13.5706 6.69714 15.6929 6.1256 16.2797 5.53874C17.0109 4.80758 17.014 3.61758 16.2864 2.89003C15.5589 2.16254 14.3689 2.16548 13.6377 2.8967C13.0412 3.49317 12.4793 5.60582 12.3242 6.23959ZM3.09821 12.5773H20.9018C21.2874 12.5773 21.6 12.2647 21.6 11.8791V8.38822C21.6 8.00262 21.2874 7.69003 20.9018 7.69003H3.09821C2.71261 7.69003 2.40002 8.00262 2.40002 8.38821V11.8791C2.40002 12.2647 2.71261 12.5773 3.09821 12.5773ZM19.8546 12.5773V20.9555C19.8546 21.3411 19.542 21.6537 19.1564 21.6537H4.84366C4.45807 21.6537 4.14548 21.3411 4.14548 20.9555V12.5773H19.8546Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.1746 21.6537V7.69003M10.5496 6.85234C10.7224 6.89114 10.9046 6.84359 11.0291 6.71913C11.1535 6.59467 11.201 6.41244 11.1623 6.23964C11.0071 5.60585 10.4356 3.48361 9.84873 2.89674C9.11757 2.16558 7.92757 2.16254 7.20002 2.89008C6.47253 3.61757 6.47547 4.80757 7.20669 5.53879C7.80316 6.13526 9.91581 6.69721 10.5496 6.85234ZM12.3242 6.23959C12.2854 6.41246 12.3329 6.59462 12.4574 6.71908C12.5818 6.84354 12.7641 6.89101 12.9369 6.85229C13.5706 6.69714 15.6929 6.1256 16.2797 5.53874C17.0109 4.80758 17.014 3.61758 16.2864 2.89003C15.5589 2.16254 14.3689 2.16548 13.6377 2.8967C13.0412 3.49317 12.4793 5.60582 12.3242 6.23959ZM3.09821 12.5773H20.9018C21.2874 12.5773 21.6 12.2647 21.6 11.8791V8.38822C21.6 8.00262 21.2874 7.69003 20.9018 7.69003H3.09821C2.71261 7.69003 2.40002 8.00262 2.40002 8.38821V11.8791C2.40002 12.2647 2.71261 12.5773 3.09821 12.5773ZM19.8546 12.5773V20.9555C19.8546 21.3411 19.542 21.6537 19.1564 21.6537H4.84366C4.45807 21.6537 4.14548 21.3411 4.14548 20.9555V12.5773H19.8546Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Gift02Icon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Gift02Icon">
       <path d="M2.4001 14.0957L2.39991 8.828C2.39986 7.50249 3.47438 6.42793 4.79989 6.42792L19.2001 6.42781C20.5256 6.4278 21.6001 7.50232 21.6001 8.82781V14.0957M2.4001 14.0957H21.6001M2.4001 14.0957L2.3999 19.6277C2.39986 20.9532 3.47439 22.0278 4.7999 22.0278H19.2001C20.5256 22.0278 21.6001 20.9533 21.6001 19.6278V14.0957M12.1746 22.0278V6.42779M10.9643 5.9226C11.144 5.91522 11.3101 5.82073 11.3995 5.66599C11.4888 5.51124 11.4875 5.32007 11.4041 5.1608C11.0855 4.58009 9.96742 2.64923 9.23775 2.22795C8.32868 1.7031 7.16098 2.01278 6.63873 2.91736C6.11651 3.82187 6.43206 4.98799 7.3412 5.51288C8.0828 5.94105 10.3021 5.93699 10.9643 5.9226ZM12.6347 5.16064C12.5512 5.31996 12.55 5.51108 12.6393 5.66582C12.7287 5.82057 12.8949 5.915 13.0745 5.92244C13.7368 5.93682 15.968 5.93399 16.6976 5.51272C17.6067 4.98786 17.9224 3.82177 17.4001 2.9172C16.8779 2.01268 15.7102 1.7029 14.8011 2.22779C14.0595 2.65596 12.9533 4.57994 12.6347 5.16064Z" stroke="url(#grad-Gift02Icon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Gift02Icon">
-      <path d="M2.4001 14.0957L2.39991 8.828C2.39986 7.50249 3.47438 6.42793 4.79989 6.42792L19.2001 6.42781C20.5256 6.4278 21.6001 7.50232 21.6001 8.82781V14.0957M2.4001 14.0957H21.6001M2.4001 14.0957L2.3999 19.6277C2.39986 20.9532 3.47439 22.0278 4.7999 22.0278H19.2001C20.5256 22.0278 21.6001 20.9533 21.6001 19.6278V14.0957M12.1746 22.0278V6.42779M10.9643 5.9226C11.144 5.91522 11.3101 5.82073 11.3995 5.66599C11.4888 5.51124 11.4875 5.32007 11.4041 5.1608C11.0855 4.58009 9.96742 2.64923 9.23775 2.22795C8.32868 1.7031 7.16098 2.01278 6.63873 2.91736C6.11651 3.82187 6.43206 4.98799 7.3412 5.51288C8.0828 5.94105 10.3021 5.93699 10.9643 5.9226ZM12.6347 5.16064C12.5512 5.31996 12.55 5.51108 12.6393 5.66582C12.7287 5.82057 12.8949 5.915 13.0745 5.92244C13.7368 5.93682 15.968 5.93399 16.6976 5.51272C17.6067 4.98786 17.9224 3.82177 17.4001 2.9172C16.8779 2.01268 15.7102 1.7029 14.8011 2.22779C14.0595 2.65596 12.9533 4.57994 12.6347 5.16064Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.4001 14.0957L2.39991 8.828C2.39986 7.50249 3.47438 6.42793 4.79989 6.42792L19.2001 6.42781C20.5256 6.4278 21.6001 7.50232 21.6001 8.82781V14.0957M2.4001 14.0957H21.6001M2.4001 14.0957L2.3999 19.6277C2.39986 20.9532 3.47439 22.0278 4.7999 22.0278H19.2001C20.5256 22.0278 21.6001 20.9533 21.6001 19.6278V14.0957M12.1746 22.0278V6.42779M10.9643 5.9226C11.144 5.91522 11.3101 5.82073 11.3995 5.66599C11.4888 5.51124 11.4875 5.32007 11.4041 5.1608C11.0855 4.58009 9.96742 2.64923 9.23775 2.22795C8.32868 1.7031 7.16098 2.01278 6.63873 2.91736C6.11651 3.82187 6.43206 4.98799 7.3412 5.51288C8.0828 5.94105 10.3021 5.93699 10.9643 5.9226ZM12.6347 5.16064C12.5512 5.31996 12.55 5.51108 12.6393 5.66582C12.7287 5.82057 12.8949 5.915 13.0745 5.92244C13.7368 5.93682 15.968 5.93399 16.6976 5.51272C17.6067 4.98786 17.9224 3.82177 17.4001 2.9172C16.8779 2.01268 15.7102 1.7029 14.8011 2.22779C14.0595 2.65596 12.9533 4.57994 12.6347 5.16064Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/GlobeIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_GlobeIcon">
       <path d="M12 22.8C17.9646 22.8 22.7999 17.9647 22.7999 12C22.7999 6.03534 17.9646 1.20001 12 1.20001M12 22.8C6.03528 22.8 1.19995 17.9647 1.19995 12C1.19995 6.03534 6.03528 1.20001 12 1.20001M12 22.8C9.39041 22.8 7.27495 17.9647 7.27495 12C7.27495 6.03534 9.39041 1.20001 12 1.20001M12 22.8C14.6095 22.8 16.725 17.9647 16.725 12C16.725 6.03534 14.6095 1.20001 12 1.20001M3.22495 17.2493C5.20354 16.1163 8.49083 15.375 12.2116 15.375C16.0949 15.375 19.506 16.1825 21.4499 17.4M3.22495 6.75071C5.20354 7.88372 8.49083 8.62501 12.2116 8.62501C16.0949 8.62501 19.506 7.81753 21.4499 6.60001" stroke="url(#grad-GlobeIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_GlobeIcon">
-      <path d="M12 22.8C17.9646 22.8 22.7999 17.9647 22.7999 12C22.7999 6.03534 17.9646 1.20001 12 1.20001M12 22.8C6.03528 22.8 1.19995 17.9647 1.19995 12C1.19995 6.03534 6.03528 1.20001 12 1.20001M12 22.8C9.39041 22.8 7.27495 17.9647 7.27495 12C7.27495 6.03534 9.39041 1.20001 12 1.20001M12 22.8C14.6095 22.8 16.725 17.9647 16.725 12C16.725 6.03534 14.6095 1.20001 12 1.20001M3.22495 17.2493C5.20354 16.1163 8.49083 15.375 12.2116 15.375C16.0949 15.375 19.506 16.1825 21.4499 17.4M3.22495 6.75071C5.20354 7.88372 8.49083 8.62501 12.2116 8.62501C16.0949 8.62501 19.506 7.81753 21.4499 6.60001" stroke="currentColor"/>
+      <path d="M12 22.8C17.9646 22.8 22.7999 17.9647 22.7999 12C22.7999 6.03534 17.9646 1.20001 12 1.20001M12 22.8C6.03528 22.8 1.19995 17.9647 1.19995 12C1.19995 6.03534 6.03528 1.20001 12 1.20001M12 22.8C9.39041 22.8 7.27495 17.9647 7.27495 12C7.27495 6.03534 9.39041 1.20001 12 1.20001M12 22.8C14.6095 22.8 16.725 17.9647 16.725 12C16.725 6.03534 14.6095 1.20001 12 1.20001M3.22495 17.2493C5.20354 16.1163 8.49083 15.375 12.2116 15.375C16.0949 15.375 19.506 16.1825 21.4499 17.4M3.22495 6.75071C5.20354 7.88372 8.49083 8.62501 12.2116 8.62501C16.0949 8.62501 19.506 7.81753 21.4499 6.60001" stroke={color}/>
     </g>
   </svg>
 {/if}