@tactics/toddle-styleguide 1.0.0 → 1.0.2

package/src/icons/__snapshots__/icons.test.js.snap

@@ -3,11 +3,11 @@
 exports[`test icons render a solid chat-alt icon in a coral color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -19,14 +19,14 @@ exports[`test icons render a solid chat-alt icon in a coral color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={32}
-  vbWidth={32}
-  width="28"
+  vbHeight={19}
+  vbWidth={18}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -38,7 +38,7 @@ exports[`test icons render a solid chat-alt icon in a coral color 1`] = `
   >
     <RNSVGPath
       clipRule={0}
-      d="M28.2428 7.9998V20.7998C28.2428 22.5671 26.8724 23.9998 25.1819 23.9998H17.5298L9.8776 30.3998V23.9998H6.81673C5.12626 23.9998 3.75586 22.5671 3.75586 20.7998V7.9998C3.75586 6.23249 5.12626 4.7998 6.81673 4.7998H25.1819C26.8724 4.7998 28.2428 6.23249 28.2428 7.9998ZM11.408 12.7998H8.34716V15.9998H11.408V12.7998ZM14.4689 12.7998H17.5298V15.9998H14.4689V12.7998ZM23.6515 12.7998H20.5906V15.9998H23.6515V12.7998Z"
+      d="M17.7999 2.75001V11.95C17.7999 13.2203 16.815 14.25 15.5999 14.25H10.1L4.59995 18.85V14.25H2.39995C1.18492 14.25 0.199951 13.2203 0.199951 11.95V2.75001C0.199951 1.47976 1.18492 0.450012 2.39995 0.450012H15.5999C16.815 0.450012 17.7999 1.47976 17.7999 2.75001ZM5.69995 6.20001H3.49995V8.50001H5.69995V6.20001ZM7.89995 6.20001H10.1V8.50001H7.89995V6.20001ZM14.5 6.20001H12.2999V8.50001H14.5V6.20001Z"
       fill={4294934352}
       fillRule={0}
       propList={
@@ -55,11 +55,11 @@ exports[`test icons render a solid chat-alt icon in a coral color 1`] = `
 exports[`test icons render a solid clock icon in a darkcyan color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -71,14 +71,14 @@ exports[`test icons render a solid clock icon in a darkcyan color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={22}
-  vbWidth={22}
-  width="28"
+  vbHeight={18}
+  vbWidth={18}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -90,7 +90,7 @@ exports[`test icons render a solid clock icon in a darkcyan color 1`] = `
   >
     <RNSVGPath
       clipRule={0}
-      d="M11 19.8C15.8601 19.8 19.7999 15.8601 19.7999 11C19.7999 6.13991 15.8601 2.20001 11 2.20001C6.13985 2.20001 2.19995 6.13991 2.19995 11C2.19995 15.8601 6.13985 19.8 11 19.8ZM12 6.60001C12 6.04773 11.5522 5.60001 11 5.60001C10.4477 5.60001 9.99995 6.04773 9.99995 6.60001V11C9.99995 11.2652 10.1053 11.5196 10.2928 11.7071L13.4041 14.8184C13.7946 15.2089 14.4278 15.2089 14.8183 14.8184C15.2089 14.4279 15.2089 13.7947 14.8183 13.4042L12 10.5858V6.60001Z"
+      d="M8.99995 17.8C13.8601 17.8 17.7999 13.8601 17.7999 9.00001C17.7999 4.13991 13.8601 0.200012 8.99995 0.200012C4.13985 0.200012 0.199951 4.13991 0.199951 9.00001C0.199951 13.8601 4.13985 17.8 8.99995 17.8ZM9.99995 4.60001C9.99995 4.04773 9.55224 3.60001 8.99995 3.60001C8.44767 3.60001 7.99995 4.04773 7.99995 4.60001V9.00001C7.99995 9.26523 8.10531 9.51958 8.29284 9.70712L11.4041 12.8184C11.7946 13.2089 12.4278 13.2089 12.8183 12.8184C13.2089 12.4279 13.2089 11.7947 12.8183 11.4042L9.99995 8.5858V4.60001Z"
       fill={4278225803}
       fillRule={0}
       propList={
@@ -104,14 +104,14 @@ exports[`test icons render a solid clock icon in a darkcyan color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid information-circle icon in a gold color 1`] = `
+exports[`test icons render a solid document-text icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -123,14 +123,14 @@ exports[`test icons render a solid information-circle icon in a gold color 1`] =
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={22}
-  vbWidth={22}
-  width="28"
+  vbHeight={18}
+  vbWidth={14}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -142,8 +142,8 @@ exports[`test icons render a solid information-circle icon in a gold color 1`] =
   >
     <RNSVGPath
       clipRule={0}
-      d="M11 19.8C15.8601 19.8 19.7999 15.8601 19.7999 11C19.7999 6.13991 15.8601 2.20001 11 2.20001C6.13985 2.20001 2.19995 6.13991 2.19995 11C2.19995 15.8601 6.13985 19.8 11 19.8ZM12 6.60001C12 6.04773 11.5522 5.60001 11 5.60001C10.4477 5.60001 9.99995 6.04773 9.99995 6.60001V11C9.99995 11.2652 10.1053 11.5196 10.2928 11.7071L13.4041 14.8184C13.7946 15.2089 14.4278 15.2089 14.8183 14.8184C15.2089 14.4279 15.2089 13.7947 14.8183 13.4042L12 10.5858V6.60001Z"
-      fill={4294956800}
+      d="M0.400024 2.39995C0.400024 1.18493 1.385 0.199951 2.60002 0.199951H7.64439C8.22787 0.199951 8.78745 0.431736 9.20002 0.844316L12.9557 4.59995C13.3682 5.01253 13.6 5.57211 13.6 6.15559V15.5999C13.6 16.815 12.6151 17.7999 11.4 17.7999H2.60002C1.385 17.7999 0.400024 16.815 0.400024 15.5999V2.39995ZM2.60002 8.99995C2.60002 8.39244 3.09251 7.89995 3.70002 7.89995H10.3C10.9075 7.89995 11.4 8.39244 11.4 8.99995C11.4 9.60746 10.9075 10.1 10.3 10.1H3.70002C3.09251 10.1 2.60002 9.60746 2.60002 8.99995ZM3.70002 12.2999C3.09251 12.2999 2.60002 12.7924 2.60002 13.4C2.60002 14.0075 3.09251 14.5 3.70002 14.5H10.3C10.9075 14.5 11.4 14.0075 11.4 13.4C11.4 12.7924 10.9075 12.2999 10.3 12.2999H3.70002Z"
+      fill={4294967295}
       fillRule={0}
       propList={
         [
@@ -156,14 +156,14 @@ exports[`test icons render a solid information-circle icon in a gold color 1`] =
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid pencil icon in a grey color 1`] = `
+exports[`test icons render a solid eye off icon in a tomato color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -175,14 +175,14 @@ exports[`test icons render a solid pencil icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={23}
-  vbWidth={23}
-  width="28"
+  vbHeight={18}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -193,17 +193,20 @@ exports[`test icons render a solid pencil icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M15.4442 4.12385C16.3033 3.22564 17.6963 3.22564 18.5554 4.12385C19.4146 5.02206 19.4146 6.47833 18.5554 7.37654L17.6833 8.28837L14.572 5.03568L15.4442 4.12385Z"
-      fill={4286611584}
+      clipRule={0}
+      d="M4.07779 0.522134C3.64822 0.092557 2.95174 0.092557 2.52216 0.522134C2.09258 0.95171 2.09258 1.64819 2.52216 2.07777L17.9222 17.4778C18.3517 17.9073 19.0482 17.9073 19.4778 17.4778C19.9074 17.0482 19.9074 16.3517 19.4778 15.9221L17.8573 14.3016C19.5486 12.9516 20.8329 11.1132 21.4966 8.99991C20.0949 4.53712 15.9256 1.29995 11.0002 1.29995C9.21429 1.29995 7.52776 1.72556 6.03654 2.48088L4.07779 0.522134ZM8.76492 5.20926L10.4302 6.87453C10.612 6.82588 10.8031 6.79995 11.0003 6.79995C12.2153 6.79995 13.2003 7.78492 13.2003 8.99995C13.2003 9.19711 13.1743 9.3882 13.1257 9.57002L14.791 11.2353C15.1781 10.5802 15.4003 9.81601 15.4003 8.99995C15.4003 6.5699 13.4303 4.59995 11.0003 4.59995C10.1842 4.59995 9.42002 4.82211 8.76492 5.20926Z"
+      fill={4294927175}
+      fillRule={0}
       propList={
         [
           "fill",
+          "fillRule",
         ]
       }
     />
     <RNSVGPath
-      d="M13.0164 6.66202L3.7998 16.2975V19.5502H6.91107L16.1276 9.91471L13.0164 6.66202Z"
-      fill={4286611584}
+      d="M13.6995 16.3663L10.7246 13.3915C8.51412 13.2548 6.74539 11.4861 6.60875 9.27561L2.56839 5.23525C1.65067 6.3294 0.941981 7.60481 0.503784 8.99999C1.90549 13.4628 6.0748 16.6999 11.0002 16.6999C11.9315 16.6999 12.8358 16.5842 13.6995 16.3663Z"
+      fill={4294927175}
       propList={
         [
           "fill",
@@ -214,14 +217,14 @@ exports[`test icons render a solid pencil icon in a grey color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid phone icon in an ivory color 1`] = `
+exports[`test icons render a solid information-circle icon in a gold color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -233,14 +236,14 @@ exports[`test icons render a solid phone icon in an ivory color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={22}
-  vbWidth={22}
-  width="28"
+  vbHeight={18}
+  vbWidth={18}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -251,11 +254,14 @@ exports[`test icons render a solid phone icon in an ivory color 1`] = `
     }
   >
     <RNSVGPath
-      d="M2.19995 3.30001C2.19995 2.6925 2.69244 2.20001 3.29995 2.20001H5.66811C6.20583 2.20001 6.66474 2.58877 6.75314 3.11917L7.56639 7.99863C7.64578 8.47497 7.40521 8.94738 6.97329 9.16334L5.27034 10.0148C6.49827 13.0662 8.9338 15.5017 11.9851 16.7296L12.8366 15.0267C13.0526 14.5947 13.525 14.3542 14.0013 14.4336L18.8808 15.2468C19.4112 15.3352 19.7999 15.7941 19.7999 16.3319V18.7C19.7999 19.3075 19.3075 19.8 18.6999 19.8H16.5C8.60228 19.8 2.19995 13.3977 2.19995 5.50001V3.30001Z"
-      fill={4294967280}
+      clipRule={0}
+      d="M17.7999 9.00001C17.7999 13.8601 13.8601 17.8 8.99995 17.8C4.13985 17.8 0.199951 13.8601 0.199951 9.00001C0.199951 4.13991 4.13985 0.200012 8.99995 0.200012C13.8601 0.200012 17.7999 4.13991 17.7999 9.00001ZM10.1 4.60001C10.1 5.20752 9.60746 5.70001 8.99995 5.70001C8.39244 5.70001 7.89995 5.20752 7.89995 4.60001C7.89995 3.9925 8.39244 3.50001 8.99995 3.50001C9.60746 3.50001 10.1 3.9925 10.1 4.60001ZM7.89995 7.90001C7.29244 7.90001 6.79995 8.3925 6.79995 9.00001C6.79995 9.60752 7.29244 10.1 7.89995 10.1V13.4C7.89995 14.0075 8.39244 14.5 8.99995 14.5H10.1C10.7075 14.5 11.2 14.0075 11.2 13.4C11.2 12.7925 10.7075 12.3 10.1 12.3V9.00001C10.1 8.3925 9.60746 7.90001 8.99995 7.90001H7.89995Z"
+      fill={4294956800}
+      fillRule={0}
       propList={
         [
           "fill",
+          "fillRule",
         ]
       }
     />
@@ -263,14 +269,14 @@ exports[`test icons render a solid phone icon in an ivory color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid refresh icon in the main color 1`] = `
+exports[`test icons render a solid pencil icon in a grey color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -282,14 +288,14 @@ exports[`test icons render a solid refresh icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={22}
-  vbWidth={22}
-  width="28"
+  vbHeight={17}
+  vbWidth={16}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -300,8 +306,17 @@ exports[`test icons render a solid refresh icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M4.40005 2.20001C5.00756 2.20001 5.50005 2.6925 5.50005 3.30001V5.61139C6.89715 4.18539 8.84462 3.30001 11 3.30001C14.3544 3.30001 17.2051 5.44426 18.2616 8.43344C18.4641 9.00623 18.1639 9.63468 17.5911 9.83714C17.0183 10.0396 16.3898 9.73937 16.1874 9.16658C15.4318 7.02891 13.3931 5.50001 11 5.50001C9.20162 5.50001 7.60329 6.36353 6.59934 7.70001H9.90005C10.5076 7.70001 11 8.1925 11 8.80001C11 9.40752 10.5076 9.90001 9.90005 9.90001H4.40005C3.79254 9.90001 3.30005 9.40752 3.30005 8.80001V3.30001C3.30005 2.6925 3.79254 2.20001 4.40005 2.20001ZM4.40903 12.1629C4.98182 11.9604 5.61027 12.2607 5.81273 12.8334C6.56828 14.9711 8.60703 16.5 11 16.5C12.7985 16.5 14.3968 15.6365 15.4008 14.3L12.1 14.3C11.4925 14.3 11 13.8075 11 13.2C11 12.5925 11.4925 12.1 12.1 12.1H17.6C17.8918 12.1 18.1716 12.2159 18.3779 12.4222C18.5842 12.6285 18.7 12.9083 18.7 13.2V18.7C18.7 19.3075 18.2076 19.8 17.6 19.8C16.9925 19.8 16.5 19.3075 16.5 18.7V16.3886C15.1029 17.8146 13.1555 18.7 11 18.7C7.6457 18.7 4.795 16.5558 3.73848 13.5666C3.53603 12.9938 3.83624 12.3653 4.40903 12.1629Z"
-      fill={4279837036}
+      d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+      fill={4286611584}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+    <RNSVGPath
+      d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+      fill={4286611584}
       propList={
         [
           "fill",
@@ -312,14 +327,14 @@ exports[`test icons render a solid refresh icon in the main color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid status-online icon in a navy color 1`] = `
+exports[`test icons render a solid phone icon in an ivory color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -331,14 +346,14 @@ exports[`test icons render a solid status-online icon in a navy color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={62}
-  vbWidth={62}
-  width="28"
+  vbHeight={18}
+  vbWidth={18}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -349,31 +364,26 @@ exports[`test icons render a solid status-online icon in a navy color 1`] = `
     }
   >
     <RNSVGPath
-      clipRule={0}
-      d="M15.6564 11.2713C16.867 12.4819 16.867 14.4447 15.6564 15.6553C7.18199 24.1297 7.18199 37.8694 15.6564 46.3438C16.867 47.5544 16.867 49.5172 15.6564 50.7278C14.4457 51.9384 12.4829 51.9384 11.2723 50.7278C0.376679 39.8322 0.37668 22.1669 11.2723 11.2712C12.4829 10.0606 14.4457 10.0606 15.6564 11.2713ZM46.3448 11.272C47.5555 10.0613 49.5183 10.0613 50.7289 11.272C61.6245 22.1676 61.6245 39.8329 50.7289 50.7285C49.5183 51.9392 47.5555 51.9392 46.3448 50.7285C45.1342 49.5179 45.1342 47.5551 46.3448 46.3445C54.8192 37.8701 54.8192 24.1304 46.3448 15.656C45.1342 14.4454 45.1342 12.4826 46.3448 11.272ZM24.4245 20.0394C25.6351 21.25 25.6351 23.2128 24.4245 24.4234C20.7926 28.0553 20.7926 33.9437 24.4245 37.5756C25.6351 38.7863 25.6351 40.7491 24.4245 41.9597C23.2139 43.1703 21.2511 43.1703 20.0404 41.9597C13.9873 35.9066 13.9873 26.0925 20.0404 20.0394C21.2511 18.8288 23.2139 18.8288 24.4245 20.0394ZM37.5767 20.0401C38.7873 18.8295 40.7501 18.8295 41.9608 20.0401C48.0139 26.0932 48.0139 35.9073 41.9608 41.9604C40.7501 43.171 38.7873 43.171 37.5767 41.9604C36.3661 40.7498 36.3661 38.787 37.5767 37.5763C41.2086 33.9445 41.2086 28.056 37.5767 24.4242C36.3661 23.2135 36.3661 21.2507 37.5767 20.0401ZM31.0006 27.9002C32.7127 27.9002 34.1006 29.2882 34.1006 31.0002V31.0312C34.1006 32.7433 32.7127 34.1312 31.0006 34.1312C29.2885 34.1312 27.9006 32.7433 27.9006 31.0312V31.0002C27.9006 29.2882 29.2885 27.9002 31.0006 27.9002Z"
-      fill={4278190208}
-      fillRule={0}
+      d="M0.199951 1.30001C0.199951 0.692499 0.692438 0.200012 1.29995 0.200012H3.66811C4.20583 0.200012 4.66474 0.588767 4.75314 1.11917L5.56639 5.99863C5.64578 6.47497 5.40521 6.94738 4.97329 7.16334L3.27034 8.01482C4.49827 11.0662 6.9338 13.5017 9.98514 14.7296L10.8366 13.0267C11.0526 12.5947 11.525 12.3542 12.0013 12.4336L16.8808 13.2468C17.4112 13.3352 17.7999 13.7941 17.7999 14.3319V16.7C17.7999 17.3075 17.3075 17.8 16.6999 17.8H14.5C6.60228 17.8 0.199951 11.3977 0.199951 3.50001V1.30001Z"
+      fill={4294967280}
       propList={
         [
           "fill",
-          "fillRule",
-          "stroke",
         ]
       }
-      stroke={4278190208}
     />
   </RNSVGGroup>
 </RNSVGSvgView>
 `;
 
-exports[`test icons render a solid trash icon in a tomato color 1`] = `
+exports[`test icons render a solid refresh icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -385,14 +395,14 @@ exports[`test icons render a solid trash icon in a tomato color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={22}
-  vbWidth={24}
-  width="28"
+  vbHeight={18}
+  vbWidth={16}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -403,14 +413,11 @@ exports[`test icons render a solid trash icon in a tomato color 1`] = `
     }
   >
     <RNSVGPath
-      clipRule={0}
-      d="M10.8502 2.2002C10.4146 2.2002 10.0164 2.4356 9.8216 2.80826L8.98946 4.4002H5.1002C4.46507 4.4002 3.9502 4.89268 3.9502 5.5002C3.9502 6.10771 4.46507 6.6002 5.1002 6.6002L5.1002 17.6002C5.1002 18.8152 6.12994 19.8002 7.4002 19.8002H16.6002C17.8705 19.8002 18.9002 18.8152 18.9002 17.6002V6.6002C19.5353 6.6002 20.0502 6.10771 20.0502 5.5002C20.0502 4.89268 19.5353 4.4002 18.9002 4.4002H15.0109L14.1788 2.80826C13.984 2.4356 13.5858 2.2002 13.1502 2.2002H10.8502ZM8.5502 8.8002C8.5502 8.19268 9.06507 7.7002 9.7002 7.7002C10.3353 7.7002 10.8502 8.19268 10.8502 8.8002V15.4002C10.8502 16.0077 10.3353 16.5002 9.7002 16.5002C9.06507 16.5002 8.5502 16.0077 8.5502 15.4002V8.8002ZM14.3002 7.7002C13.6651 7.7002 13.1502 8.19268 13.1502 8.8002V15.4002C13.1502 16.0077 13.6651 16.5002 14.3002 16.5002C14.9353 16.5002 15.4502 16.0077 15.4502 15.4002V8.8002C15.4502 8.19268 14.9353 7.7002 14.3002 7.7002Z"
-      fill={4294927175}
-      fillRule={0}
+      d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
+      fill={4279837036}
       propList={
         [
           "fill",
-          "fillRule",
         ]
       }
     />
@@ -418,14 +425,14 @@ exports[`test icons render a solid trash icon in a tomato color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined calendar icon in the main color 1`] = `
+exports[`test icons render a solid status-online icon in a navy color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -437,14 +444,14 @@ exports[`test icons render an outlined calendar icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={17}
+  vbWidth={20}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -455,32 +462,29 @@ exports[`test icons render an outlined calendar icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M9.16667 7.875V3.375M17.8333 7.875V3.375M8.08333 12.375H18.9167M5.91667 23.625H21.0833C22.28 23.625 23.25 22.6176 23.25 21.375V7.875C23.25 6.63236 22.28 5.625 21.0833 5.625H5.91667C4.72005 5.625 3.75 6.63236 3.75 7.875V21.375C3.75 22.6176 4.72005 23.625 5.91667 23.625Z"
+      clipRule={0}
+      d="M4.55538 1.18119C4.98495 1.63029 4.98495 2.35843 4.55538 2.80753C1.54834 5.95125 1.54834 11.0482 4.55537 14.192C4.98495 14.6411 4.98495 15.3692 4.55537 15.8183C4.1258 16.2674 3.42932 16.2674 2.99974 15.8183C-0.86645 11.7764 -0.86645 5.22311 2.99974 1.18119C3.42932 0.732085 4.1258 0.732085 4.55538 1.18119ZM15.4448 1.18145C15.8744 0.732352 16.5709 0.732352 17.0005 1.18145C20.8667 5.22338 20.8667 11.7766 17.0005 15.8186C16.5709 16.2677 15.8744 16.2677 15.4448 15.8186C15.0153 15.3695 15.0153 14.6413 15.4448 14.1922C18.4519 11.0485 18.4519 5.95152 15.4448 2.8078C15.0153 2.3587 15.0153 1.63056 15.4448 1.18145ZM7.66665 4.43388C8.09623 4.88298 8.09623 5.61112 7.66665 6.06023C6.37792 7.40753 6.37792 9.59195 7.66665 10.9393C8.09623 11.3884 8.09623 12.1165 7.66665 12.5656C7.23707 13.0147 6.54059 13.0147 6.11102 12.5656C3.96313 10.3201 3.96313 6.67939 6.11102 4.43388C6.54059 3.98478 7.23708 3.98478 7.66665 4.43388ZM12.3336 4.43415C12.7631 3.98504 13.4596 3.98504 13.8892 4.43415C16.0371 6.67966 16.0371 10.3204 13.8892 12.5659C13.4596 13.015 12.7631 13.015 12.3336 12.5659C11.904 12.1168 11.904 11.3886 12.3336 10.9395C13.6223 9.59222 13.6223 7.4078 12.3336 6.06049C11.904 5.61139 11.904 4.88325 12.3336 4.43415ZM10.0001 7.35001C10.6076 7.35001 11.1001 7.86488 11.1001 8.50001V8.51151C11.1001 9.14664 10.6076 9.66151 10.0001 9.66151C9.39259 9.66151 8.9001 9.14664 8.9001 8.51151V8.50001C8.9001 7.86488 9.39259 7.35001 10.0001 7.35001Z"
+      fill={4278190208}
+      fillRule={0}
       propList={
         [
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
+          "fill",
+          "fillRule",
         ]
       }
-      stroke={4279837036}
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth="2"
     />
   </RNSVGGroup>
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined chat icon in the main color 1`] = `
+exports[`test icons render a solid trash icon in a tomato color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -492,14 +496,14 @@ exports[`test icons render an outlined chat icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={28}
-  width="28"
+  vbHeight={18}
+  vbWidth={17}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -510,32 +514,29 @@ exports[`test icons render an outlined chat icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M9.5 14H9.51125M14 14H14.0113M18.5 14H18.5113M24.125 14C24.125 18.9706 19.5919 23 14 23C12.2683 23 10.6382 22.6136 9.21275 21.9324L3.875 23L5.44436 18.815C4.45051 17.4226 3.875 15.7711 3.875 14C3.875 9.02944 8.40812 5 14 5C19.5919 5 24.125 9.02944 24.125 14Z"
+      clipRule={0}
+      d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+      fill={4294927175}
+      fillRule={0}
       propList={
         [
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
+          "fill",
+          "fillRule",
         ]
       }
-      stroke={4279837036}
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth="2"
     />
   </RNSVGGroup>
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
+exports[`test icons render an outlined calendar icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -547,14 +548,14 @@ exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={24}
+  vbWidth={24}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -565,7 +566,7 @@ exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M9 11.25H9.01125M13.5 11.25H13.5113M18 11.25H18.0113M10.125 18H5.625C4.38236 18 3.375 16.9926 3.375 15.75V6.75C3.375 5.50736 4.38236 4.5 5.625 4.5H21.375C22.6176 4.5 23.625 5.50736 23.625 6.75V15.75C23.625 16.9926 22.6176 18 21.375 18H15.75L10.125 23.625V18Z"
+      d="M7.33333 6.16667V1.5M16.6667 6.16667V1.5M6.16667 10.8333H17.8333M3.83333 22.5H20.1667C21.4553 22.5 22.5 21.4553 22.5 20.1667V6.16667C22.5 4.878 21.4553 3.83333 20.1667 3.83333H3.83333C2.54467 3.83333 1.5 4.878 1.5 6.16667V20.1667C1.5 21.4553 2.54467 22.5 3.83333 22.5Z"
       propList={
         [
           "stroke",
@@ -574,7 +575,7 @@ exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
           "strokeLinejoin",
         ]
       }
-      stroke={4286611584}
+      stroke={4279837036}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -583,14 +584,14 @@ exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
+exports[`test icons render an outlined chat icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -602,14 +603,14 @@ exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={21}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -620,7 +621,7 @@ exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M10.125 13.5L12.375 15.75L16.875 11.25M23.625 13.5C23.625 19.0919 19.0919 23.625 13.5 23.625C7.90812 23.625 3.375 19.0919 3.375 13.5C3.375 7.90812 7.90812 3.375 13.5 3.375C19.0919 3.375 23.625 7.90812 23.625 13.5Z"
+      d="M7 10.5H7.01125M11.5 10.5H11.5113M16 10.5H16.0113M21.625 10.5C21.625 15.4706 17.0919 19.5 11.5 19.5C9.76832 19.5 8.13818 19.1136 6.71275 18.4324L1.375 19.5L2.94436 15.315C1.95051 13.9226 1.375 12.2711 1.375 10.5C1.375 5.52944 5.90812 1.5 11.5 1.5C17.0919 1.5 21.625 5.52944 21.625 10.5Z"
       propList={
         [
           "stroke",
@@ -629,7 +630,7 @@ exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
           "strokeLinejoin",
         ]
       }
-      stroke={4286611584}
+      stroke={4279837036}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -638,14 +639,14 @@ exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined chevron-left icon in a white color 1`] = `
+exports[`test icons render an outlined chat-alt icon in a grey color and a size of 20px 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={20}
+  bbWidth={20}
   fill="none"
   focusable={false}
-  height="28"
+  height={20}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -657,14 +658,14 @@ exports[`test icons render an outlined chevron-left icon in a white color 1`] =
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 20,
+        "width": 20,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={22}
+  vbWidth={23}
+  width={20}
 >
   <RNSVGGroup
     fill={null}
@@ -675,7 +676,7 @@ exports[`test icons render an outlined chevron-left icon in a white color 1`] =
     }
   >
     <RNSVGPath
-      d="M16.875 21.375L9 13.5L16.875 5.625"
+      d="M7 8.25H7.01125M11.5 8.25H11.5113M16 8.25H16.0113M8.125 15H3.625C2.38236 15 1.375 13.9926 1.375 12.75V3.75C1.375 2.50736 2.38236 1.5 3.625 1.5H19.375C20.6176 1.5 21.625 2.50736 21.625 3.75V12.75C21.625 13.9926 20.6176 15 19.375 15H13.75L8.125 20.625V15Z"
       propList={
         [
           "stroke",
@@ -684,7 +685,7 @@ exports[`test icons render an outlined chevron-left icon in a white color 1`] =
           "strokeLinejoin",
         ]
       }
-      stroke={4294967295}
+      stroke={4286611584}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -693,14 +694,14 @@ exports[`test icons render an outlined chevron-left icon in a white color 1`] =
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined chevron-right icon in a white color 1`] = `
+exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -712,14 +713,14 @@ exports[`test icons render an outlined chevron-right icon in a white color 1`] =
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={23}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -730,7 +731,7 @@ exports[`test icons render an outlined chevron-right icon in a white color 1`] =
     }
   >
     <RNSVGPath
-      d="M9.75 5.625L17.3333 13.5L9.75 21.375"
+      d="M8.125 11.5L10.375 13.75L14.875 9.25M21.625 11.5C21.625 17.0919 17.0919 21.625 11.5 21.625C5.90812 21.625 1.375 17.0919 1.375 11.5C1.375 5.90812 5.90812 1.375 11.5 1.375C17.0919 1.375 21.625 5.90812 21.625 11.5Z"
       propList={
         [
           "stroke",
@@ -739,7 +740,7 @@ exports[`test icons render an outlined chevron-right icon in a white color 1`] =
           "strokeLinejoin",
         ]
       }
-      stroke={4294967295}
+      stroke={4286611584}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -748,14 +749,14 @@ exports[`test icons render an outlined chevron-right icon in a white color 1`] =
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined clock icon in the main color 1`] = `
+exports[`test icons render an outlined chevron-left icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -767,14 +768,14 @@ exports[`test icons render an outlined clock icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={27}
-  width="28"
+  vbHeight={19}
+  vbWidth={10}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -785,7 +786,7 @@ exports[`test icons render an outlined clock icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M13.5 8.66667V13L16.875 16.25M23.625 13C23.625 18.3848 19.0919 22.75 13.5 22.75C7.90812 22.75 3.375 18.3848 3.375 13C3.375 7.61522 7.90812 3.25 13.5 3.25C19.0919 3.25 23.625 7.61522 23.625 13Z"
+      d="M8.875 17.375L1 9.5L8.875 1.625"
       propList={
         [
           "stroke",
@@ -794,7 +795,7 @@ exports[`test icons render an outlined clock icon in the main color 1`] = `
           "strokeLinejoin",
         ]
       }
-      stroke={4279837036}
+      stroke={4294967295}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -803,14 +804,14 @@ exports[`test icons render an outlined clock icon in the main color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined cloud-download icon in a grey color 1`] = `
+exports[`test icons render an outlined chevron-right icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -822,14 +823,14 @@ exports[`test icons render an outlined cloud-download icon in a grey color 1`] =
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={19}
+  vbWidth={11}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -840,7 +841,7 @@ exports[`test icons render an outlined cloud-download icon in a grey color 1`] =
     }
   >
     <RNSVGPath
-      d="M7.875 18C5.38972 18 3.375 15.9853 3.375 13.5C3.375 11.3546 4.87639 9.5598 6.8858 9.10907C6.7969 8.71194 6.75 8.29895 6.75 7.875C6.75 4.7684 9.2684 2.25 12.375 2.25C15.0967 2.25 17.3669 4.18303 17.8877 6.7511C17.925 6.75037 17.9625 6.75 18 6.75C21.1066 6.75 23.625 9.2684 23.625 12.375C23.625 15.0963 21.6925 17.3663 19.125 17.8875M10.125 21.375L13.5 24.75M13.5 24.75L16.875 21.375M13.5 24.75V11.25"
+      d="M1.75 1.625L9.33333 9.5L1.75 17.375"
       propList={
         [
           "stroke",
@@ -849,7 +850,7 @@ exports[`test icons render an outlined cloud-download icon in a grey color 1`] =
           "strokeLinejoin",
         ]
       }
-      stroke={4286611584}
+      stroke={4294967295}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -858,14 +859,14 @@ exports[`test icons render an outlined cloud-download icon in a grey color 1`] =
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined cross icon in the main color 1`] = `
+exports[`test icons render an outlined clock icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -877,14 +878,14 @@ exports[`test icons render an outlined cross icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={22}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -895,7 +896,7 @@ exports[`test icons render an outlined cross icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M6.75 20.25L20.25 6.75M6.75 6.75L20.25 20.25"
+      d="M11.5 6.66667V11L14.875 14.25M21.625 11C21.625 16.3848 17.0919 20.75 11.5 20.75C5.90812 20.75 1.375 16.3848 1.375 11C1.375 5.61522 5.90812 1.25 11.5 1.25C17.0919 1.25 21.625 5.61522 21.625 11Z"
       propList={
         [
           "stroke",
@@ -913,14 +914,14 @@ exports[`test icons render an outlined cross icon in the main color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
+exports[`test icons render an outlined cloud-download icon in a grey color with a size of 16px 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={16}
+  bbWidth={16}
   fill="none"
   focusable={false}
-  height="28"
+  height={16}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -932,14 +933,14 @@ exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 16,
+        "width": 16,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={25}
+  vbWidth={23}
+  width={16}
 >
   <RNSVGGroup
     fill={null}
@@ -950,7 +951,7 @@ exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
     }
   >
     <RNSVGPath
-      d="M15.2981 17.4775C14.0289 19.6742 11.9711 19.6742 10.7019 17.4775C9.4327 15.2808 9.4327 11.7192 10.7019 9.52252C11.9711 7.32583 14.0289 7.32583 15.2981 9.52252M8.66667 11.8125H13M8.66667 15.1875H13M22.75 13.5C22.75 19.0919 18.3848 23.625 13 23.625C7.61522 23.625 3.25 19.0919 3.25 13.5C3.25 7.90812 7.61522 3.375 13 3.375C18.3848 3.375 22.75 7.90812 22.75 13.5Z"
+      d="M5.875 17C3.38972 17 1.375 14.9853 1.375 12.5C1.375 10.3546 2.87639 8.5598 4.8858 8.10907C4.7969 7.71194 4.75 7.29895 4.75 6.875C4.75 3.7684 7.2684 1.25 10.375 1.25C13.0967 1.25 15.3669 3.18303 15.8877 5.7511C15.925 5.75037 15.9625 5.75 16 5.75C19.1066 5.75 21.625 8.2684 21.625 11.375C21.625 14.0963 19.6925 16.3663 17.125 16.8875M8.125 20.375L11.5 23.75M11.5 23.75L14.875 20.375M11.5 23.75V10.25"
       propList={
         [
           "stroke",
@@ -959,7 +960,7 @@ exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
           "strokeLinejoin",
         ]
       }
-      stroke={4294901760}
+      stroke={4286611584}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -968,14 +969,14 @@ exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
 </RNSVGSvgView>
 `;
 
-exports[`test icons render an outlined document-text icon in a white color 1`] = `
+exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -987,14 +988,14 @@ exports[`test icons render an outlined document-text icon in a white color 1`] =
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={32}
-  vbWidth={32}
-  width="28"
+  vbHeight={23}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1005,7 +1006,7 @@ exports[`test icons render an outlined document-text icon in a white color 1`] =
     }
   >
     <RNSVGPath
-      d="M12 16H20M12 21.3333H20M22.6667 28H9.33332C7.86056 28 6.66666 26.8061 6.66666 25.3333V6.66667C6.66666 5.19391 7.86056 4 9.33332 4H16.781C17.1347 4 17.4738 4.14048 17.7238 4.39052L24.9428 11.6095C25.1928 11.8595 25.3333 12.1987 25.3333 12.5523V25.3333C25.3333 26.8061 24.1394 28 22.6667 28Z"
+      d="M13.2981 15.4775C12.0289 17.6742 9.97111 17.6742 8.7019 15.4775C7.4327 13.2808 7.4327 9.71922 8.7019 7.52252C9.97111 5.32583 12.0289 5.32583 13.2981 7.52252M6.66667 9.8125H11M6.66667 13.1875H11M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
       propList={
         [
           "stroke",
@@ -1014,7 +1015,7 @@ exports[`test icons render an outlined document-text icon in a white color 1`] =
           "strokeLinejoin",
         ]
       }
-      stroke={4294967295}
+      stroke={4294901760}
       strokeLinecap={1}
       strokeLinejoin={1}
       strokeWidth="2"
@@ -1026,11 +1027,11 @@ exports[`test icons render an outlined document-text icon in a white color 1`] =
 exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1042,14 +1043,14 @@ exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={21}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1060,7 +1061,7 @@ exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
     }
   >
     <RNSVGPath
-      d="M13.4997 10.125V12.375M13.4997 16.875H13.511M5.70551 21.375H21.294C23.026 21.375 24.1085 19.5 23.2425 18L15.4483 4.5C14.5823 3 12.4172 3 11.5512 4.5L3.75695 18C2.89092 19.5 3.97345 21.375 5.70551 21.375Z"
+      d="M11.5 8.125V10.375M11.5 14.875H11.5113M3.70581 19.375H19.2943C21.0263 19.375 22.1088 17.5 21.2428 16L13.4486 2.5C12.5826 1 10.4175 1 9.55148 2.5L1.75725 16C0.891228 17.5 1.97376 19.375 3.70581 19.375Z"
       propList={
         [
           "stroke",
@@ -1081,11 +1082,11 @@ exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
 exports[`test icons render an outlined exclamation-circle icon in a pink color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1097,14 +1098,14 @@ exports[`test icons render an outlined exclamation-circle icon in a pink color 1
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={23}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1115,7 +1116,7 @@ exports[`test icons render an outlined exclamation-circle icon in a pink color 1
     }
   >
     <RNSVGPath
-      d="M13 9V13.5M13 18H13.0108M22.75 13.5C22.75 19.0919 18.3848 23.625 13 23.625C7.61522 23.625 3.25 19.0919 3.25 13.5C3.25 7.90812 7.61522 3.375 13 3.375C18.3848 3.375 22.75 7.90812 22.75 13.5Z"
+      d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
       propList={
         [
           "stroke",
@@ -1136,11 +1137,11 @@ exports[`test icons render an outlined exclamation-circle icon in a pink color 1
 exports[`test icons render an outlined eye icon in a purple color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1152,14 +1153,14 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={19}
+  vbWidth={25}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1170,7 +1171,7 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
     }
   >
     <RNSVGPath
-      d="M16.875 13.5C16.875 15.364 15.3639 16.875 13.5 16.875C11.636 16.875 10.125 15.364 10.125 13.5C10.125 11.636 11.636 10.125 13.5 10.125C15.3639 10.125 16.875 11.636 16.875 13.5Z"
+      d="M15.875 9.5C15.875 11.364 14.3639 12.875 12.5 12.875C10.636 12.875 9.12497 11.364 9.12497 9.5C9.12497 7.63604 10.636 6.125 12.5 6.125C14.3639 6.125 15.875 7.63604 15.875 9.5Z"
       propList={
         [
           "stroke",
@@ -1185,7 +1186,7 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
       strokeWidth="2"
     />
     <RNSVGPath
-      d="M2.7655 13.5C4.19906 8.93574 8.46313 5.625 13.5005 5.625C18.5378 5.625 22.8019 8.93578 24.2354 13.5C22.8019 18.0643 18.5378 21.375 13.5005 21.375C8.46313 21.375 4.19904 18.0642 2.7655 13.5Z"
+      d="M1.7655 9.49996C3.19906 4.93574 7.46313 1.625 12.5005 1.625C17.5378 1.625 21.8019 4.93578 23.2354 9.50004C21.8019 14.0643 17.5378 17.375 12.5005 17.375C7.46313 17.375 3.19904 14.0642 1.7655 9.49996Z"
       propList={
         [
           "stroke",
@@ -1206,11 +1207,11 @@ exports[`test icons render an outlined eye icon in a purple color 1`] = `
 exports[`test icons render an outlined filter icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1222,14 +1223,14 @@ exports[`test icons render an outlined filter icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={26}
-  width="28"
+  vbHeight={22}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1240,7 +1241,7 @@ exports[`test icons render an outlined filter icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M3.25 4.25C3.25 3.69772 3.69772 3.25 4.25 3.25H21.75C22.3023 3.25 22.75 3.69772 22.75 4.25V7.16912C22.75 7.43434 22.6446 7.68869 22.4571 7.87623L15.4596 14.8738C15.272 15.0613 15.1667 15.3157 15.1667 15.5809V18.4167L10.8333 22.75V15.5809C10.8333 15.3157 10.728 15.0613 10.5404 14.8738L3.54289 7.87623C3.35536 7.68869 3.25 7.43434 3.25 7.16912V4.25Z"
+      d="M1.25 2.25C1.25 1.69772 1.69772 1.25 2.25 1.25H19.75C20.3023 1.25 20.75 1.69772 20.75 2.25V5.16912C20.75 5.43434 20.6446 5.68869 20.4571 5.87623L13.4596 12.8738C13.272 13.0613 13.1667 13.3157 13.1667 13.5809V16.4167L8.83333 20.75V13.5809C8.83333 13.3157 8.72798 13.0613 8.54044 12.8738L1.54289 5.87623C1.35536 5.68869 1.25 5.43434 1.25 5.16912V2.25Z"
       propList={
         [
           "stroke",
@@ -1261,11 +1262,11 @@ exports[`test icons render an outlined filter icon in the main color 1`] = `
 exports[`test icons render an outlined information-circle icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1277,14 +1278,14 @@ exports[`test icons render an outlined information-circle icon in the main color
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={26}
-  width="28"
+  vbHeight={22}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1295,7 +1296,7 @@ exports[`test icons render an outlined information-circle icon in the main color
     }
   >
     <RNSVGPath
-      d="M14.0833 17.3333H13V13H11.9167M13 8.66667H13.0108M22.75 13C22.75 18.3848 18.3848 22.75 13 22.75C7.61522 22.75 3.25 18.3848 3.25 13C3.25 7.61522 7.61522 3.25 13 3.25C18.3848 3.25 22.75 7.61522 22.75 13Z"
+      d="M12.0833 15.3333H11V11H9.91667M11 6.66667H11.0108M20.75 11C20.75 16.3848 16.3848 20.75 11 20.75C5.61522 20.75 1.25 16.3848 1.25 11C1.25 5.61522 5.61522 1.25 11 1.25C16.3848 1.25 20.75 5.61522 20.75 11Z"
       propList={
         [
           "stroke",
@@ -1316,11 +1317,11 @@ exports[`test icons render an outlined information-circle icon in the main color
 exports[`test icons render an outlined logout icon in a red color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1330,19 +1331,36 @@ exports[`test icons render an outlined logout icon in a red color 1`] = `
         "backgroundColor": "transparent",
         "borderWidth": 0,
       },
+      {
+        "transform": [
+          {
+            "scaleX": -1,
+          },
+        ],
+      },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={34}
-  vbWidth={32}
-  width="28"
+  vbHeight={21}
+  vbWidth={22}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
+    matrix={
+      [
+        1,
+        0,
+        0,
+        1,
+        0,
+        0,
+      ]
+    }
     propList={
       [
         "fill",
@@ -1350,7 +1368,7 @@ exports[`test icons render an outlined logout icon in a red color 1`] = `
     }
   >
     <RNSVGPath
-      d="M17.3333 11.077L22.6667 16.6155M22.6667 16.6155L17.3333 22.1539M22.6667 16.6155L4 16.6155M10.6667 11.077V9.69238C10.6667 7.39828 12.4575 5.53854 14.6667 5.53854H24C26.2091 5.53854 28 7.39828 28 9.69238L28 23.5385C28 25.8326 26.2091 27.6924 24 27.6924H14.6667C12.4575 27.6924 10.6667 25.8326 10.6667 23.5385V22.1539"
+      d="M9.91667 15L5.58333 10.5M5.58333 10.5L9.91667 6M5.58333 10.5L20.75 10.5M15.3333 15V16.125C15.3333 17.989 13.8783 19.5 12.0833 19.5H4.5C2.70507 19.5 1.25 17.989 1.25 16.125V4.875C1.25 3.01104 2.70507 1.5 4.5 1.5H12.0833C13.8783 1.5 15.3333 3.01104 15.3333 4.875V6"
       propList={
         [
           "stroke",
@@ -1371,11 +1389,11 @@ exports[`test icons render an outlined logout icon in a red color 1`] = `
 exports[`test icons render an outlined mail icon in a brown color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1387,14 +1405,14 @@ exports[`test icons render an outlined mail icon in a brown color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={28}
-  width="28"
+  vbHeight={19}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1405,7 +1423,7 @@ exports[`test icons render an outlined mail icon in a brown color 1`] = `
     }
   >
     <RNSVGPath
-      d="M3.875 9.5L12.7519 15.4179C13.5077 15.9218 14.4923 15.9218 15.2481 15.4179L24.125 9.5M6.125 21.875H21.875C23.1176 21.875 24.125 20.8676 24.125 19.625V8.375C24.125 7.13236 23.1176 6.125 21.875 6.125H6.125C4.88236 6.125 3.875 7.13236 3.875 8.375V19.625C3.875 20.8676 4.88236 21.875 6.125 21.875Z"
+      d="M1.375 5L10.2519 10.9179C11.0077 11.4218 11.9923 11.4218 12.7481 10.9179L21.625 5M3.625 17.375H19.375C20.6176 17.375 21.625 16.3676 21.625 15.125V3.875C21.625 2.63236 20.6176 1.625 19.375 1.625H3.625C2.38236 1.625 1.375 2.63236 1.375 3.875V15.125C1.375 16.3676 2.38236 17.375 3.625 17.375Z"
       propList={
         [
           "stroke",
@@ -1426,11 +1444,11 @@ exports[`test icons render an outlined mail icon in a brown color 1`] = `
 exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1442,14 +1460,14 @@ exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={27}
-  width="28"
+  vbHeight={22}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1460,7 +1478,7 @@ exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M3.375 20.5833V10.9095C3.375 10.1851 3.75098 9.50861 4.37692 9.10676L12.2519 4.05121C13.0077 3.56602 13.9923 3.56602 14.7481 4.05121L22.6231 9.10676C23.249 9.50861 23.625 10.1851 23.625 10.9095V20.5833M3.375 20.5833C3.375 21.7799 4.38236 22.75 5.625 22.75H21.375C22.6176 22.75 23.625 21.7799 23.625 20.5833M3.375 20.5833L10.9688 15.7083M23.625 20.5833L16.0312 15.7083M3.375 10.8333L10.9688 15.7083M23.625 10.8333L16.0312 15.7083M16.0312 15.7083L14.7481 16.5321C13.9923 17.0173 13.0077 17.0173 12.2519 16.5321L10.9688 15.7083"
+      d="M1.375 18.5833V8.90954C1.375 8.18511 1.75098 7.50861 2.37692 7.10676L10.2519 2.05121C11.0077 1.56602 11.9923 1.56602 12.7481 2.05121L20.6231 7.10676C21.249 7.50861 21.625 8.18511 21.625 8.90954V18.5833M1.375 18.5833C1.375 19.7799 2.38236 20.75 3.625 20.75H19.375C20.6176 20.75 21.625 19.7799 21.625 18.5833M1.375 18.5833L8.96875 13.7083M21.625 18.5833L14.0312 13.7083M1.375 8.83331L8.96875 13.7083M21.625 8.83331L14.0312 13.7083M14.0312 13.7083L12.7481 14.5321C11.9923 15.0173 11.0077 15.0173 10.2519 14.5321L8.96875 13.7083"
       propList={
         [
           "stroke",
@@ -1481,11 +1499,11 @@ exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
 exports[`test icons render an outlined menu icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1497,14 +1515,14 @@ exports[`test icons render an outlined menu icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={17}
+  vbWidth={21}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1515,7 +1533,7 @@ exports[`test icons render an outlined menu icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M4.5 6.75H22.5M4.5 13.5H22.5M4.5 20.25H22.5"
+      d="M1.5 1.75H19.5M1.5 8.5H19.5M1.5 15.25H19.5"
       propList={
         [
           "stroke",
@@ -1536,11 +1554,11 @@ exports[`test icons render an outlined menu icon in the main color 1`] = `
 exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight={28}
-  bbWidth={28}
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height={28}
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1552,14 +1570,14 @@ exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={26}
-  width={28}
+  vbHeight={3}
+  vbWidth={16}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1570,7 +1588,7 @@ exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M19.4006 13H6.60059"
+      d="M14.5 1.5H1.5"
       propList={
         [
           "stroke",
@@ -1591,11 +1609,11 @@ exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
 exports[`test icons render an outlined office-building icon in a green color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1607,14 +1625,14 @@ exports[`test icons render an outlined office-building icon in a green color 1`]
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={23}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1625,7 +1643,7 @@ exports[`test icons render an outlined office-building icon in a green color 1`]
     }
   >
     <RNSVGPath
-      d="M21.375 23.625V5.625C21.375 4.38236 20.3676 3.375 19.125 3.375H7.875C6.63236 3.375 5.625 4.38236 5.625 5.625V23.625M21.375 23.625L23.625 23.625M21.375 23.625H15.75M5.625 23.625L3.375 23.625M5.625 23.625H11.25M10.125 7.87497H11.25M10.125 12.375H11.25M15.75 7.87497H16.875M15.75 12.375H16.875M11.25 23.625V18C11.25 17.3787 11.7537 16.875 12.375 16.875H14.625C15.2463 16.875 15.75 17.3787 15.75 18V23.625M11.25 23.625H15.75"
+      d="M19.375 21.625V3.625C19.375 2.38236 18.3676 1.375 17.125 1.375H5.875C4.63236 1.375 3.625 2.38236 3.625 3.625V21.625M19.375 21.625L21.625 21.625M19.375 21.625H13.75M3.625 21.625L1.375 21.625M3.625 21.625H9.25M8.125 5.87497H9.25M8.125 10.375H9.25M13.75 5.87497H14.875M13.75 10.375H14.875M9.25 21.625V16C9.25 15.3787 9.75368 14.875 10.375 14.875H12.625C13.2463 14.875 13.75 15.3787 13.75 16V21.625M9.25 21.625H13.75"
       propList={
         [
           "stroke",
@@ -1646,11 +1664,11 @@ exports[`test icons render an outlined office-building icon in a green color 1`]
 exports[`test icons render an outlined paper-airplane icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1660,19 +1678,36 @@ exports[`test icons render an outlined paper-airplane icon in a white color 1`]
         "backgroundColor": "transparent",
         "borderWidth": 0,
       },
+      {
+        "transform": [
+          {
+            "rotate": "90deg",
+          },
+        ],
+      },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={27}
-  width="28"
+  vbHeight={22}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
+    matrix={
+      [
+        1,
+        0,
+        0,
+        1,
+        0,
+        0,
+      ]
+    }
     propList={
       [
         "fill",
@@ -1680,7 +1715,7 @@ exports[`test icons render an outlined paper-airplane icon in a white color 1`]
     }
   >
     <RNSVGPath
-      d="M6.29167 14L4.125 24.125L23.625 14L4.125 3.875L6.29167 14ZM6.29167 14L14.9583 14"
+      d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
       propList={
         [
           "stroke",
@@ -1701,11 +1736,11 @@ exports[`test icons render an outlined paper-airplane icon in a white color 1`]
 exports[`test icons render an outlined paperclip icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1717,14 +1752,14 @@ exports[`test icons render an outlined paperclip icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={26}
-  width="28"
+  vbHeight={22}
+  vbWidth={21}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1735,7 +1770,7 @@ exports[`test icons render an outlined paperclip icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M16.4359 7.58333L9.30125 14.7179C8.45511 15.5641 8.45511 16.9359 9.30125 17.7821C10.1474 18.6282 11.5192 18.6282 12.3654 17.7821L19.3141 10.6475C21.0064 8.95519 21.0064 6.21148 19.3141 4.5192C17.6218 2.82693 14.8781 2.82693 13.1859 4.5192L6.23712 11.6538C3.69871 14.1922 3.69871 18.3078 6.23712 20.8462C8.77553 23.3846 12.8911 23.3846 15.4295 20.8462L22.2083 14.0833"
+      d="M13.4359 5.58333L6.30125 12.7179C5.45511 13.5641 5.45511 14.9359 6.30125 15.7821C7.14739 16.6282 8.51924 16.6282 9.36538 15.7821L16.3141 8.64746C18.0064 6.95519 18.0064 4.21148 16.3141 2.5192C14.6218 0.826932 11.8781 0.826932 10.1859 2.5192L3.23712 9.65381C0.698711 12.1922 0.698711 16.3078 3.23712 18.8462C5.77553 21.3846 9.8911 21.3846 12.4295 18.8462L19.2083 12.0833"
       propList={
         [
           "stroke",
@@ -1756,11 +1791,11 @@ exports[`test icons render an outlined paperclip icon in the main color 1`] = `
 exports[`test icons render an outlined pencil icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1772,14 +1807,14 @@ exports[`test icons render an outlined pencil icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={28}
-  width="28"
+  vbHeight={23}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1790,7 +1825,7 @@ exports[`test icons render an outlined pencil icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M17.6362 6.38626L21.6137 10.3637M19.3237 4.69876C20.422 3.60041 22.2028 3.60041 23.3012 4.69876C24.3995 5.79711 24.3995 7.57789 23.3012 8.67624L7.8125 24.1649H3.875V20.1475L19.3237 4.69876Z"
+      d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
       propList={
         [
           "stroke",
@@ -1811,11 +1846,11 @@ exports[`test icons render an outlined pencil icon in the main color 1`] = `
 exports[`test icons render an outlined phone icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1827,14 +1862,14 @@ exports[`test icons render an outlined phone icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={27}
-  width="28"
+  vbHeight={22}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1845,7 +1880,7 @@ exports[`test icons render an outlined phone icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M3.375 5.41667C3.375 4.22005 4.38236 3.25 5.625 3.25H9.31415C9.79838 3.25 10.2283 3.54838 10.3814 3.99075L12.0665 8.85865C12.2435 9.3701 12.0031 9.92909 11.5023 10.1702L8.96288 11.3929C10.2029 14.0413 12.4186 16.175 15.1689 17.3691L16.4387 14.9237C16.689 14.4415 17.2695 14.21 17.8006 14.3805L22.8558 16.0031C23.3151 16.1505 23.625 16.5645 23.625 17.0308V20.5833C23.625 21.7799 22.6176 22.75 21.375 22.75H20.25C10.9302 22.75 3.375 15.4746 3.375 6.5V5.41667Z"
+      d="M1.375 3.41667C1.375 2.22005 2.38236 1.25 3.625 1.25H7.31415C7.79838 1.25 8.22829 1.54838 8.38141 1.99075L10.0665 6.85865C10.2435 7.3701 10.0031 7.92909 9.5023 8.17019L6.96288 9.39287C8.20291 12.0413 10.4186 14.175 13.1689 15.3691L14.4387 12.9237C14.689 12.4415 15.2695 12.21 15.8006 12.3805L20.8558 14.0031C21.3151 14.1505 21.625 14.5645 21.625 15.0308V18.5833C21.625 19.7799 20.6176 20.75 19.375 20.75H18.25C8.93019 20.75 1.375 13.4746 1.375 4.5V3.41667Z"
       propList={
         [
           "stroke",
@@ -1866,11 +1901,11 @@ exports[`test icons render an outlined phone icon in the main color 1`] = `
 exports[`test icons render an outlined plus icon in a grey color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1882,14 +1917,14 @@ exports[`test icons render an outlined plus icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={28}
-  width="28"
+  vbHeight={21}
+  vbWidth={21}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1900,7 +1935,7 @@ exports[`test icons render an outlined plus icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M14 5V23M23 14L5 14"
+      d="M10.5 1.5V19.5M19.5 10.5L1.5 10.5"
       propList={
         [
           "stroke",
@@ -1921,11 +1956,11 @@ exports[`test icons render an outlined plus icon in a grey color 1`] = `
 exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight={28}
-  bbWidth={28}
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height={28}
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1937,14 +1972,14 @@ exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width={28}
+  vbHeight={17}
+  vbWidth={17}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -1955,7 +1990,7 @@ exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
     }
   >
     <RNSVGPath
-      d="M13.5 6.75V13.5M13.5 13.5V20.25M13.5 13.5H20.25M13.5 13.5L6.75 13.5"
+      d="M8.5 1.75V8.5M8.5 8.5V15.25M8.5 8.5H15.25M8.5 8.5L1.75 8.5"
       propList={
         [
           "stroke",
@@ -1976,11 +2011,11 @@ exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
 exports[`test icons render an outlined qrcode icon in a purple color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -1992,14 +2027,14 @@ exports[`test icons render an outlined qrcode icon in a purple color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={21}
+  vbWidth={20}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2010,7 +2045,7 @@ exports[`test icons render an outlined qrcode icon in a purple color 1`] = `
     }
   >
     <RNSVGPath
-      d="M14 4.5C14 3.94772 13.5523 3.5 13 3.5C12.4477 3.5 12 3.94772 12 4.5H14ZM12 5.625C12 6.17728 12.4477 6.625 13 6.625C13.5523 6.625 14 6.17728 14 5.625H12ZM19.5 17C18.9477 17 18.5 17.4477 18.5 18C18.5 18.5523 18.9477 19 19.5 19V17ZM21.6666 19C22.2189 19 22.6666 18.5523 22.6666 18C22.6666 17.4477 22.2189 17 21.6666 17V19ZM13 18V17C12.4477 17 12 17.4477 12 18H13ZM15.1666 19C15.7189 19 16.1666 18.5523 16.1666 18C16.1666 17.4477 15.7189 17 15.1666 17V19ZM12 22.5C12 23.0523 12.4477 23.5 13 23.5C13.5523 23.5 14 23.0523 14 22.5H12ZM14 10.125C14 9.57272 13.5523 9.125 13 9.125C12.4477 9.125 12 9.57272 12 10.125H14ZM13 13.5H12C12 14.0523 12.4477 14.5 13 14.5V13.5ZM17.3333 21.5C16.781 21.5 16.3333 21.9477 16.3333 22.5C16.3333 23.0523 16.781 23.5 17.3333 23.5V21.5ZM21.6666 23.5C22.2189 23.5 22.6666 23.0523 22.6666 22.5C22.6666 21.9477 22.2189 21.5 21.6666 21.5V23.5ZM4.33331 12.5C3.78103 12.5 3.33331 12.9477 3.33331 13.5C3.33331 14.0523 3.78103 14.5 4.33331 14.5V12.5ZM8.66665 14.5C9.21893 14.5 9.66665 14.0523 9.66665 13.5C9.66665 12.9477 9.21893 12.5 8.66665 12.5V14.5ZM13.0108 14.5C13.5631 14.5 14.0108 14.0523 14.0108 13.5C14.0108 12.9477 13.5631 12.5 13.0108 12.5V14.5ZM17.3441 14.5C17.8964 14.5 18.3441 14.0523 18.3441 13.5C18.3441 12.9477 17.8964 12.5 17.3441 12.5V14.5ZM21.6666 12.5C21.1144 12.5 20.6666 12.9477 20.6666 13.5C20.6666 14.0523 21.1144 14.5 21.6666 14.5V12.5ZM21.6775 14.5C22.2298 14.5 22.6775 14.0523 22.6775 13.5C22.6775 12.9477 22.2298 12.5 21.6775 12.5V14.5ZM5.41665 5.5H7.58331V3.5H5.41665V5.5ZM7.66665 5.625V7.875H9.66665V5.625H7.66665ZM7.58331 8H5.41665V10H7.58331V8ZM5.33331 7.875V5.625H3.33331V7.875H5.33331ZM5.41665 8C5.40602 8 5.39043 7.9971 5.37093 7.97685C5.3508 7.95595 5.33331 7.92194 5.33331 7.875H3.33331C3.33331 9.0127 4.23082 10 5.41665 10V8ZM7.66665 7.875C7.66665 7.92194 7.64916 7.95595 7.62902 7.97685C7.60953 7.9971 7.59394 8 7.58331 8V10C8.76914 10 9.66665 9.0127 9.66665 7.875H7.66665ZM7.58331 5.5C7.59394 5.5 7.60953 5.5029 7.62902 5.52315C7.64916 5.54405 7.66665 5.57806 7.66665 5.625H9.66665C9.66665 4.4873 8.76914 3.5 7.58331 3.5V5.5ZM5.41665 3.5C4.23082 3.5 3.33331 4.4873 3.33331 5.625H5.33331C5.33331 5.57806 5.3508 5.54405 5.37093 5.52315C5.39043 5.5029 5.40602 5.5 5.41665 5.5V3.5ZM18.4166 5.5H20.5833V3.5H18.4166V5.5ZM20.6666 5.625V7.875H22.6666V5.625H20.6666ZM20.5833 8H18.4166V10H20.5833V8ZM18.3333 7.875V5.625H16.3333V7.875H18.3333ZM18.4166 8C18.406 8 18.3904 7.9971 18.3709 7.97685C18.3508 7.95595 18.3333 7.92194 18.3333 7.875H16.3333C16.3333 9.0127 17.2308 10 18.4166 10V8ZM20.6666 7.875C20.6666 7.92194 20.6492 7.95595 20.629 7.97685C20.6095 7.9971 20.5939 8 20.5833 8V10C21.7691 10 22.6666 9.0127 22.6666 7.875H20.6666ZM20.5833 5.5C20.5939 5.5 20.6095 5.5029 20.629 5.52315C20.6492 5.54405 20.6666 5.57806 20.6666 5.625H22.6666C22.6666 4.4873 21.7691 3.5 20.5833 3.5V5.5ZM18.4166 3.5C17.2308 3.5 16.3333 4.4873 16.3333 5.625H18.3333C18.3333 5.57806 18.3508 5.54405 18.3709 5.52315C18.3904 5.5029 18.406 5.5 18.4166 5.5V3.5ZM5.41665 19H7.58331V17H5.41665V19ZM7.66665 19.125V21.375H9.66665V19.125H7.66665ZM7.58331 21.5H5.41665V23.5H7.58331V21.5ZM5.33331 21.375V19.125H3.33331V21.375H5.33331ZM5.41665 21.5C5.40602 21.5 5.39043 21.4971 5.37093 21.4769C5.3508 21.4559 5.33331 21.4219 5.33331 21.375H3.33331C3.33331 22.5127 4.23082 23.5 5.41665 23.5V21.5ZM7.66665 21.375C7.66665 21.4219 7.64916 21.4559 7.62902 21.4769C7.60953 21.4971 7.59394 21.5 7.58331 21.5V23.5C8.76914 23.5 9.66665 22.5127 9.66665 21.375H7.66665ZM7.58331 19C7.59394 19 7.60953 19.0029 7.62902 19.0231C7.64916 19.0441 7.66665 19.0781 7.66665 19.125H9.66665C9.66665 17.9873 8.76914 17 7.58331 17V19ZM5.41665 17C4.23082 17 3.33331 17.9873 3.33331 19.125H5.33331C5.33331 19.0781 5.3508 19.0441 5.37093 19.0231C5.39043 19.0029 5.40602 19 5.41665 19V17ZM12 4.5V5.625H14V4.5H12ZM19.5 19H21.6666V17H19.5V19ZM13 19H15.1666V17H13V19ZM12 18V22.5H14V18H12ZM12 10.125V13.5H14V10.125H12ZM17.3333 23.5H21.6666V21.5H17.3333V23.5ZM4.33331 14.5H8.66665V12.5H4.33331V14.5ZM13 14.5H13.0108V12.5H13V14.5ZM21.6666 14.5H21.6775V12.5H21.6666V14.5ZM13 14.5H17.3441V12.5H13V14.5Z"
+      d="M11 1.5C11 0.947715 10.5523 0.5 9.99998 0.5C9.44769 0.5 8.99998 0.947715 8.99998 1.5H11ZM8.99998 2.625C8.99998 3.17728 9.44769 3.625 9.99998 3.625C10.5523 3.625 11 3.17728 11 2.625H8.99998ZM16.5 14C15.9477 14 15.5 14.4477 15.5 15C15.5 15.5523 15.9477 16 16.5 16V14ZM18.6666 16C19.2189 16 19.6666 15.5523 19.6666 15C19.6666 14.4477 19.2189 14 18.6666 14V16ZM9.99998 15V14C9.44769 14 8.99998 14.4477 8.99998 15H9.99998ZM12.1666 16C12.7189 16 13.1666 15.5523 13.1666 15C13.1666 14.4477 12.7189 14 12.1666 14V16ZM8.99998 19.5C8.99998 20.0523 9.44769 20.5 9.99998 20.5C10.5523 20.5 11 20.0523 11 19.5H8.99998ZM11 7.125C11 6.57272 10.5523 6.125 9.99998 6.125C9.44769 6.125 8.99998 6.57272 8.99998 7.125H11ZM9.99998 10.5H8.99998C8.99998 11.0523 9.44769 11.5 9.99998 11.5V10.5ZM14.3333 18.5C13.781 18.5 13.3333 18.9477 13.3333 19.5C13.3333 20.0523 13.781 20.5 14.3333 20.5V18.5ZM18.6666 20.5C19.2189 20.5 19.6666 20.0523 19.6666 19.5C19.6666 18.9477 19.2189 18.5 18.6666 18.5V20.5ZM1.33331 9.5C0.781028 9.5 0.333313 9.94771 0.333313 10.5C0.333313 11.0523 0.781028 11.5 1.33331 11.5V9.5ZM5.66665 11.5C6.21893 11.5 6.66665 11.0523 6.66665 10.5C6.66665 9.94771 6.21893 9.5 5.66665 9.5V11.5ZM10.0108 11.5C10.5631 11.5 11.0108 11.0523 11.0108 10.5C11.0108 9.94771 10.5631 9.5 10.0108 9.5V11.5ZM14.3441 11.5C14.8964 11.5 15.3441 11.0523 15.3441 10.5C15.3441 9.94771 14.8964 9.5 14.3441 9.5V11.5ZM18.6666 9.5C18.1144 9.5 17.6666 9.94771 17.6666 10.5C17.6666 11.0523 18.1144 11.5 18.6666 11.5V9.5ZM18.6775 11.5C19.2298 11.5 19.6775 11.0523 19.6775 10.5C19.6775 9.94771 19.2298 9.5 18.6775 9.5V11.5ZM2.41665 2.5H4.58331V0.5H2.41665V2.5ZM4.66665 2.625V4.875H6.66665V2.625H4.66665ZM4.58331 5H2.41665V7H4.58331V5ZM2.33331 4.875V2.625H0.333313V4.875H2.33331ZM2.41665 5C2.40602 5 2.39043 4.9971 2.37093 4.97685C2.3508 4.95595 2.33331 4.92194 2.33331 4.875H0.333313C0.333313 6.0127 1.23082 7 2.41665 7V5ZM4.66665 4.875C4.66665 4.92194 4.64916 4.95595 4.62902 4.97685C4.60953 4.9971 4.59394 5 4.58331 5V7C5.76914 7 6.66665 6.0127 6.66665 4.875H4.66665ZM4.58331 2.5C4.59394 2.5 4.60953 2.5029 4.62902 2.52315C4.64916 2.54405 4.66665 2.57806 4.66665 2.625H6.66665C6.66665 1.4873 5.76914 0.5 4.58331 0.5V2.5ZM2.41665 0.5C1.23082 0.5 0.333313 1.4873 0.333313 2.625H2.33331C2.33331 2.57806 2.3508 2.54405 2.37093 2.52315C2.39043 2.5029 2.40602 2.5 2.41665 2.5V0.5ZM15.4166 2.5H17.5833V0.5H15.4166V2.5ZM17.6666 2.625V4.875H19.6666V2.625H17.6666ZM17.5833 5H15.4166V7H17.5833V5ZM15.3333 4.875V2.625H13.3333V4.875H15.3333ZM15.4166 5C15.406 5 15.3904 4.9971 15.3709 4.97685C15.3508 4.95595 15.3333 4.92194 15.3333 4.875H13.3333C13.3333 6.0127 14.2308 7 15.4166 7V5ZM17.6666 4.875C17.6666 4.92194 17.6492 4.95595 17.629 4.97685C17.6095 4.9971 17.5939 5 17.5833 5V7C18.7691 7 19.6666 6.0127 19.6666 4.875H17.6666ZM17.5833 2.5C17.5939 2.5 17.6095 2.5029 17.629 2.52315C17.6492 2.54405 17.6666 2.57806 17.6666 2.625H19.6666C19.6666 1.4873 18.7691 0.5 17.5833 0.5V2.5ZM15.4166 0.5C14.2308 0.5 13.3333 1.4873 13.3333 2.625H15.3333C15.3333 2.57806 15.3508 2.54405 15.3709 2.52315C15.3904 2.5029 15.406 2.5 15.4166 2.5V0.5ZM2.41665 16H4.58331V14H2.41665V16ZM4.66665 16.125V18.375H6.66665V16.125H4.66665ZM4.58331 18.5H2.41665V20.5H4.58331V18.5ZM2.33331 18.375V16.125H0.333313V18.375H2.33331ZM2.41665 18.5C2.40602 18.5 2.39043 18.4971 2.37093 18.4769C2.3508 18.4559 2.33331 18.4219 2.33331 18.375H0.333313C0.333313 19.5127 1.23082 20.5 2.41665 20.5V18.5ZM4.66665 18.375C4.66665 18.4219 4.64916 18.4559 4.62902 18.4769C4.60953 18.4971 4.59394 18.5 4.58331 18.5V20.5C5.76914 20.5 6.66665 19.5127 6.66665 18.375H4.66665ZM4.58331 16C4.59394 16 4.60953 16.0029 4.62902 16.0231C4.64916 16.0441 4.66665 16.0781 4.66665 16.125H6.66665C6.66665 14.9873 5.76914 14 4.58331 14V16ZM2.41665 14C1.23082 14 0.333313 14.9873 0.333313 16.125H2.33331C2.33331 16.0781 2.3508 16.0441 2.37093 16.0231C2.39043 16.0029 2.40602 16 2.41665 16V14ZM8.99998 1.5V2.625H11V1.5H8.99998ZM16.5 16H18.6666V14H16.5V16ZM9.99998 16H12.1666V14H9.99998V16ZM8.99998 15V19.5H11V15H8.99998ZM8.99998 7.125V10.5H11V7.125H8.99998ZM14.3333 20.5H18.6666V18.5H14.3333V20.5ZM1.33331 11.5H5.66665V9.5H1.33331V11.5ZM9.99998 11.5H10.0108V9.5H9.99998V11.5ZM18.6666 11.5H18.6775V9.5H18.6666V11.5ZM9.99998 11.5H14.3441V9.5H9.99998V11.5Z"
       fill={4288684272}
       propList={
         [
@@ -2025,11 +2060,11 @@ exports[`test icons render an outlined qrcode icon in a purple color 1`] = `
 exports[`test icons render an outlined refresh icon in a purple color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2041,14 +2076,14 @@ exports[`test icons render an outlined refresh icon in a purple color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={21}
+  vbWidth={20}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2059,7 +2094,7 @@ exports[`test icons render an outlined refresh icon in a purple color 1`] = `
     }
   >
     <RNSVGPath
-      d="M4.33301 4.5V10.125H4.96298M21.5993 12.375C21.0662 7.9354 17.4193 4.5 12.9997 4.5C9.36251 4.5 6.24866 6.82669 4.96298 10.125M4.96298 10.125H9.74967M21.6663 22.5V16.875H21.0364M21.0364 16.875C19.7507 20.1733 16.6368 22.5 12.9997 22.5C8.58009 22.5 4.93317 19.0646 4.40006 14.625M21.0364 16.875H16.2497"
+      d="M1.33337 1.5V7.125H1.96335M18.5997 9.375C18.0665 4.9354 14.4196 1.5 10 1.5C6.36288 1.5 3.24902 3.82669 1.96335 7.125M1.96335 7.125H6.75004M18.6667 19.5V13.875H18.0367M18.0367 13.875C16.7511 17.1733 13.6372 19.5 10 19.5C5.58045 19.5 1.93353 16.0646 1.40043 11.625M18.0367 13.875H13.25"
       propList={
         [
           "stroke",
@@ -2080,11 +2115,11 @@ exports[`test icons render an outlined refresh icon in a purple color 1`] = `
 exports[`test icons render an outlined search icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2096,14 +2131,14 @@ exports[`test icons render an outlined search icon in a white color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={23}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2114,7 +2149,7 @@ exports[`test icons render an outlined search icon in a white color 1`] = `
     }
   >
     <RNSVGPath
-      d="M23.625 23.625L16.875 16.875M19.125 11.25C19.125 15.5992 15.5992 19.125 11.25 19.125C6.90076 19.125 3.375 15.5992 3.375 11.25C3.375 6.90076 6.90076 3.375 11.25 3.375C15.5992 3.375 19.125 6.90076 19.125 11.25Z"
+      d="M21.625 21.625L14.875 14.875M17.125 9.25C17.125 13.5992 13.5992 17.125 9.25 17.125C4.90076 17.125 1.375 13.5992 1.375 9.25C1.375 4.90076 4.90076 1.375 9.25 1.375C13.5992 1.375 17.125 4.90076 17.125 9.25Z"
       propList={
         [
           "stroke",
@@ -2135,11 +2170,11 @@ exports[`test icons render an outlined search icon in a white color 1`] = `
 exports[`test icons render an outlined selector icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2151,14 +2186,14 @@ exports[`test icons render an outlined selector icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={26}
-  width="28"
+  vbHeight={19}
+  vbWidth={12}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2169,7 +2204,7 @@ exports[`test icons render an outlined selector icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M8.66663 10.125L13 5.625L17.3333 10.125M17.3333 16.875L13 21.375L8.66663 16.875"
+      d="M1.66663 6.125L5.99996 1.625L10.3333 6.125M10.3333 12.875L5.99996 17.375L1.66663 12.875"
       propList={
         [
           "stroke",
@@ -2190,11 +2225,11 @@ exports[`test icons render an outlined selector icon in the main color 1`] = `
 exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2206,14 +2241,14 @@ exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={26}
-  vbWidth={26}
-  width="28"
+  vbHeight={20}
+  vbWidth={20}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2224,7 +2259,7 @@ exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1
     }
   >
     <RNSVGPath
-      d="M18.4163 15.1663V21.6663M15.1663 18.4163H21.6663M6.49967 10.833H8.66634C9.86296 10.833 10.833 9.86296 10.833 8.66634V6.49967C10.833 5.30306 9.86296 4.33301 8.66634 4.33301H6.49967C5.30306 4.33301 4.33301 5.30306 4.33301 6.49967V8.66634C4.33301 9.86296 5.30306 10.833 6.49967 10.833ZM17.333 10.833H19.4997C20.6963 10.833 21.6663 9.86296 21.6663 8.66634V6.49967C21.6663 5.30306 20.6963 4.33301 19.4997 4.33301H17.333C16.1364 4.33301 15.1663 5.30306 15.1663 6.49967V8.66634C15.1663 9.86296 16.1364 10.833 17.333 10.833ZM6.49967 21.6663H8.66634C9.86296 21.6663 10.833 20.6963 10.833 19.4997V17.333C10.833 16.1364 9.86296 15.1663 8.66634 15.1663H6.49967C5.30306 15.1663 4.33301 16.1364 4.33301 17.333V19.4997C4.33301 20.6963 5.30306 21.6663 6.49967 21.6663Z"
+      d="M15.4166 12.1667V18.6667M12.1666 15.4167H18.6666M3.49998 7.83337H5.66665C6.86326 7.83337 7.83331 6.86332 7.83331 5.66671V3.50004C7.83331 2.30342 6.86326 1.33337 5.66665 1.33337H3.49998C2.30336 1.33337 1.33331 2.30342 1.33331 3.50004V5.66671C1.33331 6.86332 2.30336 7.83337 3.49998 7.83337ZM14.3333 7.83337H16.5C17.6966 7.83337 18.6666 6.86332 18.6666 5.66671V3.50004C18.6666 2.30342 17.6966 1.33337 16.5 1.33337H14.3333C13.1367 1.33337 12.1666 2.30342 12.1666 3.50004V5.66671C12.1666 6.86332 13.1367 7.83337 14.3333 7.83337ZM3.49998 18.6667H5.66665C6.86326 18.6667 7.83331 17.6967 7.83331 16.5V14.3334C7.83331 13.1368 6.86326 12.1667 5.66665 12.1667H3.49998C2.30336 12.1667 1.33331 13.1368 1.33331 14.3334V16.5C1.33331 17.6967 2.30336 18.6667 3.49998 18.6667Z"
       propList={
         [
           "stroke",
@@ -2245,11 +2280,11 @@ exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1
 exports[`test icons render an outlined status-online icon in an orange color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2261,14 +2296,14 @@ exports[`test icons render an outlined status-online icon in an orange color 1`]
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={17}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2279,7 +2314,7 @@ exports[`test icons render an outlined status-online icon in an orange color 1`]
     }
   >
     <RNSVGPath
-      d="M6.34054 20.6595C2.38649 16.7054 2.38649 10.2946 6.34054 6.34058M20.6595 6.34058C24.6135 10.2946 24.6135 16.7054 20.6595 20.6595M9.52252 17.4775C7.32582 15.2808 7.32582 11.7193 9.52252 9.52256M17.4775 9.52256C19.6742 11.7193 19.6742 15.2808 17.4775 17.4775M14.625 13.5C14.625 14.1214 14.1213 14.625 13.5 14.625C12.8787 14.625 12.375 14.1214 12.375 13.5C12.375 12.8787 12.8787 12.375 13.5 12.375C14.1213 12.375 14.625 12.8787 14.625 13.5Z"
+      d="M4.34054 15.6595C0.386485 11.7054 0.386485 5.29464 4.34054 1.34058M18.6595 1.34058C22.6135 5.29464 22.6135 11.7054 18.6595 15.6595M7.52252 12.4775C5.32582 10.2808 5.32582 6.71926 7.52252 4.52256M15.4775 4.52256C17.6742 6.71926 17.6742 10.2808 15.4775 12.4775M12.625 8.50003C12.625 9.12135 12.1213 9.62503 11.5 9.62503C10.8787 9.62503 10.375 9.12135 10.375 8.50003C10.375 7.87871 10.8787 7.37503 11.5 7.37503C12.1213 7.37503 12.625 7.87871 12.625 8.50003Z"
       propList={
         [
           "stroke",
@@ -2300,11 +2335,11 @@ exports[`test icons render an outlined status-online icon in an orange color 1`]
 exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2316,14 +2351,14 @@ exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={23}
+  vbWidth={23}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2334,7 +2369,7 @@ exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
     }
   >
     <RNSVGPath
-      d="M11.25 11.25H5.8906C4.21799 11.25 3.13012 13.0102 3.87814 14.5062L7.81564 22.3812C8.19677 23.1435 8.97586 23.625 9.8281 23.625H14.348C14.532 23.625 14.7153 23.6024 14.8937 23.5578L19.125 22.5M11.25 11.25V5.625C11.25 4.38236 12.2574 3.375 13.5 3.375H13.6074C14.1694 3.375 14.625 3.83059 14.625 4.39259C14.625 5.19618 14.8629 5.9818 15.3086 6.65043L19.125 12.375V22.5M11.25 11.25H13.5M19.125 22.5H21.375C22.6177 22.5 23.625 21.4926 23.625 20.25V13.5C23.625 12.2574 22.6177 11.25 21.375 11.25H18.5625"
+      d="M13.75 9.25H19.1094C20.782 9.25 21.8699 11.0102 21.1219 12.5062L17.1844 20.3812C16.8033 21.1435 16.0242 21.625 15.1719 21.625H10.652C10.468 21.625 10.2848 21.6024 10.1063 21.5578L5.875 20.5M13.75 9.25V3.625C13.75 2.38236 12.7426 1.375 11.5 1.375H11.3926C10.8306 1.375 10.375 1.83059 10.375 2.39259C10.375 3.19618 10.1371 3.9818 9.69138 4.65043L5.875 10.375V20.5M13.75 9.25H11.5M5.875 20.5H3.625C2.38236 20.5 1.375 19.4926 1.375 18.25V11.5C1.375 10.2574 2.38236 9.25 3.625 9.25H6.4375"
       propList={
         [
           "stroke",
@@ -2355,11 +2390,11 @@ exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
 exports[`test icons render an outlined trash icon in a red color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2371,14 +2406,14 @@ exports[`test icons render an outlined trash icon in a red color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={28}
-  vbWidth={28}
-  width="28"
+  vbHeight={22}
+  vbWidth={21}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2389,7 +2424,7 @@ exports[`test icons render an outlined trash icon in a red color 1`] = `
     }
   >
     <RNSVGPath
-      d="M21.875 8.375L20.8993 22.0353C20.8152 23.2127 19.8354 24.125 18.655 24.125H9.34502C8.16458 24.125 7.18484 23.2127 7.10074 22.0353L6.125 8.375M11.75 12.875V19.625M16.25 12.875V19.625M17.375 8.375V5C17.375 4.37868 16.8713 3.875 16.25 3.875H11.75C11.1287 3.875 10.625 4.37868 10.625 5V8.375M5 8.375H23"
+      d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
       propList={
         [
           "stroke",
@@ -2410,11 +2445,11 @@ exports[`test icons render an outlined trash icon in a red color 1`] = `
 exports[`test icons render an outlined user icon in the main color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2426,14 +2461,14 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={23}
+  vbWidth={19}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2444,7 +2479,7 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
     }
   >
     <RNSVGPath
-      d="M18 7.875C18 10.3603 15.9853 12.375 13.5 12.375C11.0147 12.375 9 10.3603 9 7.875C9 5.38972 11.0147 3.375 13.5 3.375C15.9853 3.375 18 5.38972 18 7.875Z"
+      d="M14 5.875C14 8.36028 11.9853 10.375 9.5 10.375C7.01472 10.375 5 8.36028 5 5.875C5 3.38972 7.01472 1.375 9.5 1.375C11.9853 1.375 14 3.38972 14 5.875Z"
       propList={
         [
           "stroke",
@@ -2459,7 +2494,7 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
       strokeWidth="2"
     />
     <RNSVGPath
-      d="M13.5 15.75C9.15076 15.75 5.625 19.2758 5.625 23.625H21.375C21.375 19.2758 17.8492 15.75 13.5 15.75Z"
+      d="M9.5 13.75C5.15076 13.75 1.625 17.2758 1.625 21.625H17.375C17.375 17.2758 13.8492 13.75 9.5 13.75Z"
       propList={
         [
           "stroke",
@@ -2480,11 +2515,11 @@ exports[`test icons render an outlined user icon in the main color 1`] = `
 exports[`test icons render an outlined user-group icon in a grey color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2496,14 +2531,14 @@ exports[`test icons render an outlined user-group icon in a grey color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={27}
-  vbWidth={27}
-  width="28"
+  vbHeight={21}
+  vbWidth={25}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2514,7 +2549,7 @@ exports[`test icons render an outlined user-group icon in a grey color 1`] = `
     }
   >
     <RNSVGPath
-      d="M19.125 22.5H24.75V20.25C24.75 18.386 23.239 16.875 21.375 16.875C20.2999 16.875 19.3423 17.3776 18.7242 18.1608M19.125 22.5H7.875M19.125 22.5V20.25C19.125 19.5117 18.9828 18.8067 18.7242 18.1608M7.875 22.5H2.25V20.25C2.25 18.386 3.76104 16.875 5.625 16.875C6.70006 16.875 7.65772 17.3776 8.27578 18.1608M7.875 22.5V20.25C7.875 19.5117 8.01723 18.8067 8.27578 18.1608M8.27578 18.1608C9.10519 16.0887 11.1317 14.625 13.5 14.625C15.8683 14.625 17.8948 16.0887 18.7242 18.1608M16.875 7.875C16.875 9.73896 15.364 11.25 13.5 11.25C11.636 11.25 10.125 9.73896 10.125 7.875C10.125 6.01104 11.636 4.5 13.5 4.5C15.364 4.5 16.875 6.01104 16.875 7.875ZM23.625 11.25C23.625 12.4926 22.6176 13.5 21.375 13.5C20.1324 13.5 19.125 12.4926 19.125 11.25C19.125 10.0074 20.1324 9 21.375 9C22.6176 9 23.625 10.0074 23.625 11.25ZM7.875 11.25C7.875 12.4926 6.86764 13.5 5.625 13.5C4.38236 13.5 3.375 12.4926 3.375 11.25C3.375 10.0074 4.38236 9 5.625 9C6.86764 9 7.875 10.0074 7.875 11.25Z"
+      d="M18.125 19.5H23.75V17.25C23.75 15.386 22.239 13.875 20.375 13.875C19.2999 13.875 18.3423 14.3776 17.7242 15.1608M18.125 19.5H6.875M18.125 19.5V17.25C18.125 16.5117 17.9828 15.8067 17.7242 15.1608M6.875 19.5H1.25V17.25C1.25 15.386 2.76104 13.875 4.625 13.875C5.70006 13.875 6.65772 14.3776 7.27578 15.1608M6.875 19.5V17.25C6.875 16.5117 7.01723 15.8067 7.27578 15.1608M7.27578 15.1608C8.10519 13.0887 10.1317 11.625 12.5 11.625C14.8683 11.625 16.8948 13.0887 17.7242 15.1608M15.875 4.875C15.875 6.73896 14.364 8.25 12.5 8.25C10.636 8.25 9.125 6.73896 9.125 4.875C9.125 3.01104 10.636 1.5 12.5 1.5C14.364 1.5 15.875 3.01104 15.875 4.875ZM22.625 8.25C22.625 9.49264 21.6176 10.5 20.375 10.5C19.1324 10.5 18.125 9.49264 18.125 8.25C18.125 7.00736 19.1324 6 20.375 6C21.6176 6 22.625 7.00736 22.625 8.25ZM6.875 8.25C6.875 9.49264 5.86764 10.5 4.625 10.5C3.38236 10.5 2.375 9.49264 2.375 8.25C2.375 7.00736 3.38236 6 4.625 6C5.86764 6 6.875 7.00736 6.875 8.25Z"
       propList={
         [
           "stroke",
@@ -2535,11 +2570,11 @@ exports[`test icons render an outlined user-group icon in a grey color 1`] = `
 exports[`test icons render an outlined users icon in a white color 1`] = `
 <RNSVGSvgView
   align="xMidYMid"
-  bbHeight="28"
-  bbWidth="28"
+  bbHeight={24}
+  bbWidth={24}
   fill="none"
   focusable={false}
-  height="28"
+  height={24}
   meetOrSlice={0}
   minX={0}
   minY={0}
@@ -2551,14 +2586,14 @@ exports[`test icons render an outlined users icon in a white color 1`] = `
       },
       {
         "flex": 0,
-        "height": 28,
-        "width": 28,
+        "height": 24,
+        "width": 24,
       },
     ]
   }
-  vbHeight={32}
-  vbWidth={32}
-  width="28"
+  vbHeight={26}
+  vbWidth={26}
+  width={24}
 >
   <RNSVGGroup
     fill={null}
@@ -2569,7 +2604,7 @@ exports[`test icons render an outlined users icon in a white color 1`] = `
     }
   >
     <RNSVGPath
-      d="M16 5.80557C16.9773 4.69834 18.4071 4 20 4C22.9455 4 25.3333 6.38781 25.3333 9.33333C25.3333 12.2789 22.9455 14.6667 20 14.6667C18.4071 14.6667 16.9773 13.9683 16 12.8611M20 28H4V26.6667C4 22.2484 7.58172 18.6667 12 18.6667C16.4183 18.6667 20 22.2484 20 26.6667V28ZM20 28H28V26.6667C28 22.2484 24.4183 18.6667 20 18.6667C18.5429 18.6667 17.1767 19.0562 16 19.7369M17.3333 9.33333C17.3333 12.2789 14.9455 14.6667 12 14.6667C9.05448 14.6667 6.66667 12.2789 6.66667 9.33333C6.66667 6.38781 9.05448 4 12 4C14.9455 4 17.3333 6.38781 17.3333 9.33333Z"
+      d="M13 2.80557C13.9773 1.69834 15.4071 1 17 1C19.9455 1 22.3333 3.38781 22.3333 6.33333C22.3333 9.27885 19.9455 11.6667 17 11.6667C15.4071 11.6667 13.9773 10.9683 13 9.8611M17 25H1V23.6667C1 19.2484 4.58172 15.6667 9 15.6667C13.4183 15.6667 17 19.2484 17 23.6667V25ZM17 25H25V23.6667C25 19.2484 21.4183 15.6667 17 15.6667C15.5429 15.6667 14.1767 16.0562 13 16.7369M14.3333 6.33333C14.3333 9.27885 11.9455 11.6667 9 11.6667C6.05448 11.6667 3.66667 9.27885 3.66667 6.33333C3.66667 3.38781 6.05448 1 9 1C11.9455 1 14.3333 3.38781 14.3333 6.33333Z"
       propList={
         [
           "stroke",
@@ -2586,3 +2621,58 @@ exports[`test icons render an outlined users icon in a white color 1`] = `
   </RNSVGGroup>
 </RNSVGSvgView>
 `;
+
+exports[`test icons render an outlined xmark icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight={24}
+  bbWidth={24}
+  fill="none"
+  focusable={false}
+  height={24}
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 24,
+        "width": 24,
+      },
+    ]
+  }
+  vbHeight={17}
+  vbWidth={17}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M1.75 15.25L15.25 1.75M1.75 1.75L15.25 15.25"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;