@tactics/toddle-styleguide 0.0.1

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

@@ -0,0 +1,2588 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`test icons render a solid chat-alt icon in a coral color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={32}
+  vbWidth={32}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      fill={4294934352}
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid clock icon in a darkcyan color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={22}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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={4278225803}
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid information-circle icon in a gold color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={22}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid pencil icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={23}
+  vbWidth={23}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+    <RNSVGPath
+      d="M13.0164 6.66202L3.7998 16.2975V19.5502H6.91107L16.1276 9.91471L13.0164 6.66202Z"
+      fill={4286611584}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid phone icon in an ivory color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={22}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid refresh icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={22}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid status-online icon in a navy color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={62}
+  vbWidth={62}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      propList={
+        [
+          "fill",
+          "fillRule",
+          "stroke",
+        ]
+      }
+      stroke={4278190208}
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid trash icon in a tomato color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={24}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined calendar icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined chat icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={28}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined chat-alt icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined check-circle icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined chevron-left icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M16.875 21.375L9 13.5L16.875 5.625"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined chevron-right icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M9.75 5.625L17.3333 13.5L9.75 21.375"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined clock icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined cloud-download icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined cross icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M6.75 20.25L20.25 6.75M6.75 6.75L20.25 20.25"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined currency-euro icon in a red color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294901760}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined document-text icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={32}
+  vbWidth={32}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined exclamation icon in a blue color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4278190335}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined exclamation-circle icon in a pink color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294951115}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined eye icon in a purple color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286578816}
+      strokeLinecap={1}
+      strokeLinejoin={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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286578816}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined filter icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined information-circle icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined logout icon in a red color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={34}
+  vbWidth={32}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294901760}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined mail icon in a brown color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={28}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4289014314}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined mail-open icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined menu icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M4.5 6.75H22.5M4.5 13.5H22.5M4.5 20.25H22.5"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined minus-sm icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M19.4006 13H6.60059"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined office-building icon in a green color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4278222848}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined paper-airplane icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M6.29167 14L4.125 24.125L23.625 14L4.125 3.875L6.29167 14ZM6.29167 14L14.9583 14"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined paperclip icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined pencil icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={28}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined phone icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined plus icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={28}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M14 5V23M23 14L5 14"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined plus-sm icon in a red color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M13.5 6.75V13.5M13.5 13.5V20.25M13.5 13.5H20.25M13.5 13.5L6.75 13.5"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294901760}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined qrcode icon in a purple color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      fill={4286578816}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined refresh icon in a purple color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286578816}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined search icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined selector icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M8.66663 10.125L13 5.625L17.3333 10.125M17.3333 16.875L13 21.375L8.66663 16.875"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined sm-view-grid-add icon in a yellow color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={26}
+  vbWidth={26}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967040}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined status-online icon in an orange color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294944000}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined thumb-up icon in a blue color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4278190335}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined trash icon in a red color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={28}
+  vbWidth={28}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294901760}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined user icon in the main color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4279837036}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined user-group icon in a grey color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={27}
+  vbWidth={27}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4286611584}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined users icon in a white color 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="28"
+  bbWidth="28"
+  fill="none"
+  focusable={false}
+  height="28"
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 28,
+        "width": 28,
+      },
+    ]
+  }
+  vbHeight={32}
+  vbWidth={32}
+  width="28"
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <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"
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={4294967295}
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;