chromia 0.1.12 → 0.1.13

package/dist/icons/LightningCircleContainedIcon.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_LightningCircleContainedIcon">
       <path d="M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="url(#grad-LightningCircleContainedIcon)" stroke-linejoin="round"/>
@@ -62,11 +63,11 @@ 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_LightningCircleContainedIcon">
-      <path d="M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="currentColor" stroke-linejoin="round"/>
-      <path d="M7.1999 13.6L12.7999 6.00002V11.2H16.7999L11.1999 18V13.6H7.1999Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke={color} stroke-linejoin="round"/>
+      <path d="M7.1999 13.6L12.7999 6.00002V11.2H16.7999L11.1999 18V13.6H7.1999Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LightningFilledIcon.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_LightningFilledIcon">
       <path d="M5.28905 13.6315L12.2782 2.64854C12.5468 2.22652 13.2 2.41675 13.2 2.91698V10.7C13.2 10.7552 13.2448 10.8 13.3 10.8H18.2397C18.6442 10.8 18.8813 11.2553 18.6493 11.5867L11.7097 21.5005C11.4293 21.901 10.8 21.7026 10.8 21.2138V14.5C10.8 14.4447 10.7553 14.4 10.7 14.4H5.71089C5.31634 14.4 5.07723 13.9644 5.28905 13.6315Z" stroke="url(#grad-LightningFilledIcon)"/>
@@ -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_LightningFilledIcon">
-      <path d="M5.28905 13.6315L12.2782 2.64854C12.5468 2.22652 13.2 2.41675 13.2 2.91698V10.7C13.2 10.7552 13.2448 10.8 13.3 10.8H18.2397C18.6442 10.8 18.8813 11.2553 18.6493 11.5867L11.7097 21.5005C11.4293 21.901 10.8 21.7026 10.8 21.2138V14.5C10.8 14.4447 10.7553 14.4 10.7 14.4H5.71089C5.31634 14.4 5.07723 13.9644 5.28905 13.6315Z" stroke="currentColor"/>
+      <path d="M5.28905 13.6315L12.2782 2.64854C12.5468 2.22652 13.2 2.41675 13.2 2.91698V10.7C13.2 10.7552 13.2448 10.8 13.3 10.8H18.2397C18.6442 10.8 18.8813 11.2553 18.6493 11.5867L11.7097 21.5005C11.4293 21.901 10.8 21.7026 10.8 21.2138V14.5C10.8 14.4447 10.7553 14.4 10.7 14.4H5.71089C5.31634 14.4 5.07723 13.9644 5.28905 13.6315Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/LightningSquareContainedIcon.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_LightningSquareContainedIcon">
       <path d="M5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999Z" stroke="url(#grad-LightningSquareContainedIcon)" stroke-linejoin="round"/>
@@ -62,11 +63,11 @@ 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_LightningSquareContainedIcon">
-      <path d="M5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999Z" stroke="currentColor" stroke-linejoin="round"/>
-      <path d="M7.1999 13.5999L12.7999 5.9999V11.1999H16.7999L11.1999 17.9999V13.5999H7.1999Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999Z" stroke={color} stroke-linejoin="round"/>
+      <path d="M7.1999 13.5999L12.7999 5.9999V11.1999H16.7999L11.1999 17.9999V13.5999H7.1999Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LinkAngledIcon.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_LinkAngledIcon">
       <path d="M7.37851 10.1905L5.14505 12.424C4.31092 13.2581 3.83124 14.3931 3.84001 15.5859C3.84877 16.7787 4.31796 17.9206 5.19167 18.7673C6.03836 19.641 7.18048 20.1102 8.3731 20.119C9.59293 20.1279 10.701 19.6753 11.5352 18.8411L13.7687 16.6077M16.6215 13.8094L18.8549 11.576C19.6891 10.7418 20.1688 9.60687 20.16 8.41406C20.1512 7.22124 19.682 6.07936 18.8083 5.23262C17.9618 4.38614 16.8199 3.91693 15.6271 3.90816C14.4343 3.8994 13.2992 4.35185 12.465 5.18601L10.2315 7.41946M8.6131 15.3271L15.3135 8.62676" stroke="url(#grad-LinkAngledIcon)" 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_LinkAngledIcon">
-      <path d="M7.37851 10.1905L5.14505 12.424C4.31092 13.2581 3.83124 14.3931 3.84001 15.5859C3.84877 16.7787 4.31796 17.9206 5.19167 18.7673C6.03836 19.641 7.18048 20.1102 8.3731 20.119C9.59293 20.1279 10.701 19.6753 11.5352 18.8411L13.7687 16.6077M16.6215 13.8094L18.8549 11.576C19.6891 10.7418 20.1688 9.60687 20.16 8.41406C20.1512 7.22124 19.682 6.07936 18.8083 5.23262C17.9618 4.38614 16.8199 3.91693 15.6271 3.90816C14.4343 3.8994 13.2992 4.35185 12.465 5.18601L10.2315 7.41946M8.6131 15.3271L15.3135 8.62676" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.37851 10.1905L5.14505 12.424C4.31092 13.2581 3.83124 14.3931 3.84001 15.5859C3.84877 16.7787 4.31796 17.9206 5.19167 18.7673C6.03836 19.641 7.18048 20.1102 8.3731 20.119C9.59293 20.1279 10.701 19.6753 11.5352 18.8411L13.7687 16.6077M16.6215 13.8094L18.8549 11.576C19.6891 10.7418 20.1688 9.60687 20.16 8.41406C20.1512 7.22124 19.682 6.07936 18.8083 5.23262C17.9618 4.38614 16.8199 3.91693 15.6271 3.90816C14.4343 3.8994 13.2992 4.35185 12.465 5.18601L10.2315 7.41946M8.6131 15.3271L15.3135 8.62676" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LinkBrokenIcon.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_LinkBrokenIcon">
       <path d="M7.47105 10.2832L5.23759 12.5166C4.40346 13.3507 3.92378 14.4857 3.93254 15.6785C3.94131 16.8713 4.41049 18.0132 5.28421 18.86C6.13089 19.7337 7.27302 20.2029 8.46564 20.2116C9.68547 20.2206 10.7936 19.7679 11.6278 18.9338L13.8612 16.7003M16.714 13.9021L18.9475 11.6686C19.7816 10.8345 20.2613 9.69953 20.2525 8.50672C20.2438 7.3139 19.7746 6.17201 18.9009 5.32528C18.0544 4.4788 16.9124 4.00959 15.7196 4.00082C14.5268 3.99206 13.3917 4.44451 12.5575 5.27866L10.3241 7.51212M8.70564 15.4198L15.406 8.71942M5.3362 5.21711L4.22989 4.11081M9.1777 3.26837L9.35869 1.44484M1.72177 9.08142L3.61243 8.89377M18.9408 18.5057L20.0471 19.612M15.0993 20.4545L14.9183 22.278M22.5553 14.6414L20.6646 14.8291" stroke="url(#grad-LinkBrokenIcon)" 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_LinkBrokenIcon">
-      <path d="M7.47105 10.2832L5.23759 12.5166C4.40346 13.3507 3.92378 14.4857 3.93254 15.6785C3.94131 16.8713 4.41049 18.0132 5.28421 18.86C6.13089 19.7337 7.27302 20.2029 8.46564 20.2116C9.68547 20.2206 10.7936 19.7679 11.6278 18.9338L13.8612 16.7003M16.714 13.9021L18.9475 11.6686C19.7816 10.8345 20.2613 9.69953 20.2525 8.50672C20.2438 7.3139 19.7746 6.17201 18.9009 5.32528C18.0544 4.4788 16.9124 4.00959 15.7196 4.00082C14.5268 3.99206 13.3917 4.44451 12.5575 5.27866L10.3241 7.51212M8.70564 15.4198L15.406 8.71942M5.3362 5.21711L4.22989 4.11081M9.1777 3.26837L9.35869 1.44484M1.72177 9.08142L3.61243 8.89377M18.9408 18.5057L20.0471 19.612M15.0993 20.4545L14.9183 22.278M22.5553 14.6414L20.6646 14.8291" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.47105 10.2832L5.23759 12.5166C4.40346 13.3507 3.92378 14.4857 3.93254 15.6785C3.94131 16.8713 4.41049 18.0132 5.28421 18.86C6.13089 19.7337 7.27302 20.2029 8.46564 20.2116C9.68547 20.2206 10.7936 19.7679 11.6278 18.9338L13.8612 16.7003M16.714 13.9021L18.9475 11.6686C19.7816 10.8345 20.2613 9.69953 20.2525 8.50672C20.2438 7.3139 19.7746 6.17201 18.9009 5.32528C18.0544 4.4788 16.9124 4.00959 15.7196 4.00082C14.5268 3.99206 13.3917 4.44451 12.5575 5.27866L10.3241 7.51212M8.70564 15.4198L15.406 8.71942M5.3362 5.21711L4.22989 4.11081M9.1777 3.26837L9.35869 1.44484M1.72177 9.08142L3.61243 8.89377M18.9408 18.5057L20.0471 19.612M15.0993 20.4545L14.9183 22.278M22.5553 14.6414L20.6646 14.8291" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LinkExternalIcon.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_LinkExternalIcon">
       <path d="M10.7999 2.3999H5.9999C4.01168 2.3999 2.3999 4.01168 2.3999 5.9999V18C2.3999 19.9882 4.01168 21.6 5.9999 21.6H17.9999C19.9881 21.6 21.5999 19.9882 21.5999 18V13.1999M15.5993 2.40019L21.5999 2.3999M21.5999 2.3999V7.80005M21.5999 2.3999L11.399 12.5996" stroke="url(#grad-LinkExternalIcon)" 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_LinkExternalIcon">
-      <path d="M10.7999 2.3999H5.9999C4.01168 2.3999 2.3999 4.01168 2.3999 5.9999V18C2.3999 19.9882 4.01168 21.6 5.9999 21.6H17.9999C19.9881 21.6 21.5999 19.9882 21.5999 18V13.1999M15.5993 2.40019L21.5999 2.3999M21.5999 2.3999V7.80005M21.5999 2.3999L11.399 12.5996" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M10.7999 2.3999H5.9999C4.01168 2.3999 2.3999 4.01168 2.3999 5.9999V18C2.3999 19.9882 4.01168 21.6 5.9999 21.6H17.9999C19.9881 21.6 21.5999 19.9882 21.5999 18V13.1999M15.5993 2.40019L21.5999 2.3999M21.5999 2.3999V7.80005M21.5999 2.3999L11.399 12.5996" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LinkIcon.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_LinkIcon">
       <path d="M10.0115 7.45264L6.85292 7.45264C5.67327 7.45264 4.53155 7.91599 3.6943 8.76564C2.85705 9.61528 2.38138 10.7545 2.40046 11.971C2.38133 13.1875 2.85719 14.3269 3.6943 15.1764C4.55051 16.0453 5.65413 16.5088 6.83382 16.5088H9.9924M13.9883 16.5474H17.1469C18.3265 16.5474 19.4683 16.084 20.3055 15.2344C21.1428 14.3847 21.6184 13.2455 21.5993 12.029C21.5993 10.8319 21.1237 9.69263 20.2864 8.84298C19.4492 7.99333 18.3266 7.51062 17.1469 7.5106H13.9883M7.25235 11.9578L16.7281 11.9578" stroke="url(#grad-LinkIcon)" 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_LinkIcon">
-      <path d="M10.0115 7.45264L6.85292 7.45264C5.67327 7.45264 4.53155 7.91599 3.6943 8.76564C2.85705 9.61528 2.38138 10.7545 2.40046 11.971C2.38133 13.1875 2.85719 14.3269 3.6943 15.1764C4.55051 16.0453 5.65413 16.5088 6.83382 16.5088H9.9924M13.9883 16.5474H17.1469C18.3265 16.5474 19.4683 16.084 20.3055 15.2344C21.1428 14.3847 21.6184 13.2455 21.5993 12.029C21.5993 10.8319 21.1237 9.69263 20.2864 8.84298C19.4492 7.99333 18.3266 7.51062 17.1469 7.5106H13.9883M7.25235 11.9578L16.7281 11.9578" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M10.0115 7.45264L6.85292 7.45264C5.67327 7.45264 4.53155 7.91599 3.6943 8.76564C2.85705 9.61528 2.38138 10.7545 2.40046 11.971C2.38133 13.1875 2.85719 14.3269 3.6943 15.1764C4.55051 16.0453 5.65413 16.5088 6.83382 16.5088H9.9924M13.9883 16.5474H17.1469C18.3265 16.5474 19.4683 16.084 20.3055 15.2344C21.1428 14.3847 21.6184 13.2455 21.5993 12.029C21.5993 10.8319 21.1237 9.69263 20.2864 8.84298C19.4492 7.99333 18.3266 7.51062 17.1469 7.5106H13.9883M7.25235 11.9578L16.7281 11.9578" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Loader01Icon.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_Loader01Icon">
       <path d="M12 6.3V1.5M12 22.5V17.7M17.7 12H22.5M1.5 12H6.3M16.0309 7.9697L19.425 4.57559M4.57464 19.4248L7.96875 16.0307M16.0309 16.0303L19.425 19.4244M4.57464 4.57522L7.96875 7.96934" stroke="url(#grad-Loader01Icon)" 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_Loader01Icon">
-      <path d="M12 6.3V1.5M12 22.5V17.7M17.7 12H22.5M1.5 12H6.3M16.0309 7.9697L19.425 4.57559M4.57464 19.4248L7.96875 16.0307M16.0309 16.0303L19.425 19.4244M4.57464 4.57522L7.96875 7.96934" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12 6.3V1.5M12 22.5V17.7M17.7 12H22.5M1.5 12H6.3M16.0309 7.9697L19.425 4.57559M4.57464 19.4248L7.96875 16.0307M16.0309 16.0303L19.425 19.4244M4.57464 4.57522L7.96875 7.96934" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Loader02Icon.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_Loader02Icon">
       <path d="M13.3501 5.69998V2.09998M13.3501 21.9V17.1M19.0501 11.4H21.1501M2.8501 11.4H7.6501M17.381 7.36967L19.0507 5.69998M5.92474 18.8248L9.31885 15.4306M17.381 15.4303L19.0501 17.0994M5.92474 3.9752L9.31885 7.36931" stroke="url(#grad-Loader02Icon)" 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_Loader02Icon">
-      <path d="M13.3501 5.69998V2.09998M13.3501 21.9V17.1M19.0501 11.4H21.1501M2.8501 11.4H7.6501M17.381 7.36967L19.0507 5.69998M5.92474 18.8248L9.31885 15.4306M17.381 15.4303L19.0501 17.0994M5.92474 3.9752L9.31885 7.36931" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.3501 5.69998V2.09998M13.3501 21.9V17.1M19.0501 11.4H21.1501M2.8501 11.4H7.6501M17.381 7.36967L19.0507 5.69998M5.92474 18.8248L9.31885 15.4306M17.381 15.4303L19.0501 17.0994M5.92474 3.9752L9.31885 7.36931" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LockIcon.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_Lock">
       <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_Lock">
       <path
         id="icon_Lock"
         d="M3.85005 5.13324V4.5999C3.85005 2.8272 5.25505 1.3999 7.00005 1.3999C8.74505 1.3999 10.15 2.8272 10.15 4.5999V5.13324M3.85005 5.13324C3.27255 5.13324 2.80005 5.61324 2.80005 6.1999V11.5332C2.80005 12.1199 3.27255 12.5999 3.85005 12.5999H10.15C10.7276 12.5999 11.2001 12.1199 11.2001 11.5332V6.1999C11.2001 5.61324 10.7276 5.13324 10.15 5.13324M3.85005 5.13324H10.15M7.00005 7.7999C7.57755 7.7999 8.05005 8.2799 8.05005 8.86657C8.05005 9.45324 7.57755 9.93323 7.00005 9.93323C6.42255 9.93323 5.95005 9.45324 5.95005 8.86657C5.95005 8.2799 6.42255 7.7999 7.00005 7.7999Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Login01Icon.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_Login01Icon">
       <path d="M9.35286 16.2V18.3C9.35286 18.8569 9.57597 19.3911 9.9731 19.7849C10.3702 20.1787 10.9089 20.4 11.4705 20.4H18.8823C19.4439 20.4 19.9825 20.1787 20.3797 19.7849C20.7768 19.3911 20.9999 18.8569 20.9999 18.3L20.9999 5.69998C20.9999 5.14302 20.7768 4.60888 20.3797 4.21505C19.9825 3.82123 19.4439 3.59998 18.8823 3.59998L11.4705 3.59998C10.9089 3.59998 10.3702 3.82123 9.9731 4.21505C9.57597 4.60888 9.35286 5.14302 9.35286 5.69998V7.79998M2.99976 12L15.7056 12M15.7056 12L12.5292 15.15M15.7056 12L12.5292 8.84998" stroke="url(#grad-Login01Icon)" 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_Login01Icon">
-      <path d="M9.35286 16.2V18.3C9.35286 18.8569 9.57597 19.3911 9.9731 19.7849C10.3702 20.1787 10.9089 20.4 11.4705 20.4H18.8823C19.4439 20.4 19.9825 20.1787 20.3797 19.7849C20.7768 19.3911 20.9999 18.8569 20.9999 18.3L20.9999 5.69998C20.9999 5.14302 20.7768 4.60888 20.3797 4.21505C19.9825 3.82123 19.4439 3.59998 18.8823 3.59998L11.4705 3.59998C10.9089 3.59998 10.3702 3.82123 9.9731 4.21505C9.57597 4.60888 9.35286 5.14302 9.35286 5.69998V7.79998M2.99976 12L15.7056 12M15.7056 12L12.5292 15.15M15.7056 12L12.5292 8.84998" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M9.35286 16.2V18.3C9.35286 18.8569 9.57597 19.3911 9.9731 19.7849C10.3702 20.1787 10.9089 20.4 11.4705 20.4H18.8823C19.4439 20.4 19.9825 20.1787 20.3797 19.7849C20.7768 19.3911 20.9999 18.8569 20.9999 18.3L20.9999 5.69998C20.9999 5.14302 20.7768 4.60888 20.3797 4.21505C19.9825 3.82123 19.4439 3.59998 18.8823 3.59998L11.4705 3.59998C10.9089 3.59998 10.3702 3.82123 9.9731 4.21505C9.57597 4.60888 9.35286 5.14302 9.35286 5.69998V7.79998M2.99976 12L15.7056 12M15.7056 12L12.5292 15.15M15.7056 12L12.5292 8.84998" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Logout01Icon.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_Logout01Icon">
       <path d="M15.2199 20.4L18.9258 20.4C19.4874 20.4 20.0261 20.1788 20.4232 19.7849C20.8203 19.3911 21.0435 18.857 21.0435 18.3L21.0435 5.70003C21.0435 5.14307 20.8203 4.60893 20.4232 4.2151C20.0261 3.82128 19.4874 3.60003 18.9258 3.60003L15.2199 3.60002M14.9567 12L2.95674 12M2.95674 12L7.54189 16.8M2.95674 12L7.54189 7.20002" stroke="url(#grad-Logout01Icon)" 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_Logout01Icon">
-      <path d="M15.2199 20.4L18.9258 20.4C19.4874 20.4 20.0261 20.1788 20.4232 19.7849C20.8203 19.3911 21.0435 18.857 21.0435 18.3L21.0435 5.70003C21.0435 5.14307 20.8203 4.60893 20.4232 4.2151C20.0261 3.82128 19.4874 3.60003 18.9258 3.60003L15.2199 3.60002M14.9567 12L2.95674 12M2.95674 12L7.54189 16.8M2.95674 12L7.54189 7.20002" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.2199 20.4L18.9258 20.4C19.4874 20.4 20.0261 20.1788 20.4232 19.7849C20.8203 19.3911 21.0435 18.857 21.0435 18.3L21.0435 5.70003C21.0435 5.14307 20.8203 4.60893 20.4232 4.2151C20.0261 3.82128 19.4874 3.60003 18.9258 3.60003L15.2199 3.60002M14.9567 12L2.95674 12M2.95674 12L7.54189 16.8M2.95674 12L7.54189 7.20002" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Logout02Icon.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_Logout02Icon">
       <path d="M8.78007 3.59998H5.07419C4.51256 3.59998 3.97392 3.82122 3.57679 4.21505C3.17965 4.60888 2.95654 5.14302 2.95654 5.69998V18.3C2.95654 18.8569 3.17965 19.3911 3.57679 19.7849C3.97392 20.1787 4.51256 20.4 5.07419 20.4H8.78007M9.04326 12H21.0433M21.0433 12L16.4581 7.19998M21.0433 12L16.4581 16.8" stroke="url(#grad-Logout02Icon)" 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_Logout02Icon">
-      <path d="M8.78007 3.59998H5.07419C4.51256 3.59998 3.97392 3.82122 3.57679 4.21505C3.17965 4.60888 2.95654 5.14302 2.95654 5.69998V18.3C2.95654 18.8569 3.17965 19.3911 3.57679 19.7849C3.97392 20.1787 4.51256 20.4 5.07419 20.4H8.78007M9.04326 12H21.0433M21.0433 12L16.4581 7.19998M21.0433 12L16.4581 16.8" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M8.78007 3.59998H5.07419C4.51256 3.59998 3.97392 3.82122 3.57679 4.21505C3.17965 4.60888 2.95654 5.14302 2.95654 5.69998V18.3C2.95654 18.8569 3.17965 19.3911 3.57679 19.7849C3.97392 20.1787 4.51256 20.4 5.07419 20.4H8.78007M9.04326 12H21.0433M21.0433 12L16.4581 7.19998M21.0433 12L16.4581 16.8" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Logout03Icon.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_Logout03Icon">
       <path d="M9.35294 16.2V18.3C9.35294 18.8569 9.57605 19.3911 9.97319 19.7849C10.3703 20.1787 10.909 20.4 11.4706 20.4L18.8824 20.4C19.444 20.4 19.9826 20.1787 20.3798 19.7849C20.7769 19.3911 21 18.8569 21 18.3L21 5.69998C21 5.14302 20.7769 4.60888 20.3798 4.21505C19.9826 3.82123 19.444 3.59998 18.8824 3.59998L11.4706 3.59998C10.909 3.59998 10.3703 3.82123 9.97319 4.21505C9.57605 4.60888 9.35294 5.14302 9.35294 5.69998V7.79998M15.7059 12L3 12M3 12L6.17647 15.15M3 12L6.17647 8.84998" stroke="url(#grad-Logout03Icon)" 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_Logout03Icon">
-      <path d="M9.35294 16.2V18.3C9.35294 18.8569 9.57605 19.3911 9.97319 19.7849C10.3703 20.1787 10.909 20.4 11.4706 20.4L18.8824 20.4C19.444 20.4 19.9826 20.1787 20.3798 19.7849C20.7769 19.3911 21 18.8569 21 18.3L21 5.69998C21 5.14302 20.7769 4.60888 20.3798 4.21505C19.9826 3.82123 19.444 3.59998 18.8824 3.59998L11.4706 3.59998C10.909 3.59998 10.3703 3.82123 9.97319 4.21505C9.57605 4.60888 9.35294 5.14302 9.35294 5.69998V7.79998M15.7059 12L3 12M3 12L6.17647 15.15M3 12L6.17647 8.84998" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M9.35294 16.2V18.3C9.35294 18.8569 9.57605 19.3911 9.97319 19.7849C10.3703 20.1787 10.909 20.4 11.4706 20.4L18.8824 20.4C19.444 20.4 19.9826 20.1787 20.3798 19.7849C20.7769 19.3911 21 18.8569 21 18.3L21 5.69998C21 5.14302 20.7769 4.60888 20.3798 4.21505C19.9826 3.82123 19.444 3.59998 18.8824 3.59998L11.4706 3.59998C10.909 3.59998 10.3703 3.82123 9.97319 4.21505C9.57605 4.60888 9.35294 5.14302 9.35294 5.69998V7.79998M15.7059 12L3 12M3 12L6.17647 15.15M3 12L6.17647 8.84998" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Logout04Icon.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_Logout04Icon">
       <path d="M14.6471 7.79998V5.69998C14.6471 5.14302 14.424 4.60888 14.0268 4.21505C13.6297 3.82122 13.091 3.59998 12.5294 3.59998H5.11765C4.55601 3.59998 4.01738 3.82122 3.62024 4.21505C3.22311 4.60888 3 5.14302 3 5.69998V18.3C3 18.8569 3.22311 19.3911 3.62024 19.7849C4.01738 20.1787 4.55601 20.4 5.11765 20.4H12.5294C13.091 20.4 13.6297 20.1787 14.0268 19.7849C14.424 19.3911 14.6471 18.8569 14.6471 18.3V16.2M8.29412 12H21M21 12L17.8235 8.84998M21 12L17.8235 15.15" stroke="url(#grad-Logout04Icon)" 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_Logout04Icon">
-      <path d="M14.6471 7.79998V5.69998C14.6471 5.14302 14.424 4.60888 14.0268 4.21505C13.6297 3.82122 13.091 3.59998 12.5294 3.59998H5.11765C4.55601 3.59998 4.01738 3.82122 3.62024 4.21505C3.22311 4.60888 3 5.14302 3 5.69998V18.3C3 18.8569 3.22311 19.3911 3.62024 19.7849C4.01738 20.1787 4.55601 20.4 5.11765 20.4H12.5294C13.091 20.4 13.6297 20.1787 14.0268 19.7849C14.424 19.3911 14.6471 18.8569 14.6471 18.3V16.2M8.29412 12H21M21 12L17.8235 8.84998M21 12L17.8235 15.15" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.6471 7.79998V5.69998C14.6471 5.14302 14.424 4.60888 14.0268 4.21505C13.6297 3.82122 13.091 3.59998 12.5294 3.59998H5.11765C4.55601 3.59998 4.01738 3.82122 3.62024 4.21505C3.22311 4.60888 3 5.14302 3 5.69998V18.3C3 18.8569 3.22311 19.3911 3.62024 19.7849C4.01738 20.1787 4.55601 20.4 5.11765 20.4H12.5294C13.091 20.4 13.6297 20.1787 14.0268 19.7849C14.424 19.3911 14.6471 18.8569 14.6471 18.3V16.2M8.29412 12H21M21 12L17.8235 8.84998M21 12L17.8235 15.15" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LogoutIcon.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 16 16"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Logout">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 16 16"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Logout">
       <path
         id="icon_Logout"
         d="M9.76471 10.8V12.2C9.76471 12.5713 9.61597 12.9274 9.35121 13.19C9.08645 13.4525 8.72736 13.6 8.35294 13.6L3.41177 13.6C3.03734 13.6 2.67825 13.4525 2.4135 13.19C2.14874 12.9274 2 12.5713 2 12.2L2 3.80003C2 3.42872 2.14874 3.07263 2.4135 2.81008C2.67825 2.54752 3.03734 2.40002 3.41176 2.40002L8.35294 2.40002C8.72736 2.40002 9.08645 2.54752 9.35121 2.81008C9.61597 3.07263 9.76471 3.42872 9.76471 3.80002V5.20002M5.52941 8.00002L14 8.00002M14 8.00002L11.8824 10.1M14 8.00002L11.8824 5.90002"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/MaterialIcon.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) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Material">
       <path
@@ -75,13 +76,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Material">
       <path
       d="M15.3332 6.33333C15.3332 9.27885 12.9454 11.6667 9.99992 11.6667C7.0544 11.6667 4.66658 9.27885 4.66658 6.33333C4.66658 3.38781 7.0544 1 9.99992 1C12.9454 1 15.3332 3.38781 15.3332 6.33333Z"
         id="icon_Material"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -89,7 +90,7 @@ export { className as class };
       <path
       d="M4.33325 6.86947C2.55709 7.73499 1.33325 9.5579 1.33325 11.6666C1.33325 14.6122 3.72107 17 6.66658 17C9.6121 17 11.9999 14.6122 11.9999 11.6666C11.9999 11.4409 11.9859 11.2184 11.9587 11M10.3332 16.0769C11.188 16.6594 12.2208 17 13.3332 17C16.2788 17 18.6666 14.6122 18.6666 11.6667C18.6666 9.37537 17.2217 7.42155 15.1933 6.66667M15.3332 6.33333C15.3332 9.27885 12.9454 11.6667 9.99992 11.6667C7.0544 11.6667 4.66658 9.27885 4.66658 6.33333C4.66658 3.38781 7.0544 1 9.99992 1C12.9454 1 15.3332 3.38781 15.3332 6.33333Z"
         id="icon_Material"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Menu01Icon.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_Menu01Icon">
       <path d="M21.5999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke="url(#grad-Menu01Icon)"/>
@@ -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_Menu01Icon">
-      <path d="M21.5999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke="currentColor"/>
+      <path d="M21.5999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Menu02Icon.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_Menu02Icon">
       <path d="M21.5999 19.2H2.3999M14.9999 12H2.3999M21.5999 4.79999H2.3999" stroke="url(#grad-Menu02Icon)"/>
@@ -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_Menu02Icon">
-      <path d="M21.5999 19.2H2.3999M14.9999 12H2.3999M21.5999 4.79999H2.3999" stroke="currentColor"/>
+      <path d="M21.5999 19.2H2.3999M14.9999 12H2.3999M21.5999 4.79999H2.3999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Menu03Icon.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_Menu03Icon">
       <path d="M2.3999 4.79999L21.5999 4.79999M8.9999 12L21.5999 12M2.3999 19.2L21.5999 19.2" stroke="url(#grad-Menu03Icon)"/>
@@ -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_Menu03Icon">
-      <path d="M2.3999 4.79999L21.5999 4.79999M8.9999 12L21.5999 12M2.3999 19.2L21.5999 19.2" stroke="currentColor"/>
+      <path d="M2.3999 4.79999L21.5999 4.79999M8.9999 12L21.5999 12M2.3999 19.2L21.5999 19.2" stroke={color}/>
     </g>
   </svg>
 {/if}