@tactics/toddle-styleguide 5.0.2 → 5.0.5

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

@@ -0,0 +1,3152 @@
+// 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="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={19}
+  vbWidth={18}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      clipRule={0}
+      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={
+        {
+          "payload": 4294934352,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid clock icon in a darkcyan 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={18}
+  vbWidth={18}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      clipRule={0}
+      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={
+        {
+          "payload": 4278225803,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid document-text icon in a white 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={18}
+  vbWidth={14}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      clipRule={0}
+      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={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid eye off icon in a tomato 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={18}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4294927175,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+    <RNSVGPath
+      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={
+        {
+          "payload": 4294927175,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid information-circle icon in a gold 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={18}
+  vbWidth={18}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4294956800,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid pencil icon in a grey 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={16}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+    <RNSVGPath
+      d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+      fill={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid phone icon in an ivory 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={18}
+  vbWidth={18}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4294967280,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid refresh 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={18}
+  vbWidth={16}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid status-online icon in a navy 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={20}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4278190208,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render a solid trash icon in a tomato 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={18}
+  vbWidth={17}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4294927175,
+          "type": 0,
+        }
+      }
+      fillRule={0}
+      propList={
+        [
+          "fill",
+          "fillRule",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined calendar 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={24}
+  vbWidth={24}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined chat-alt icon in a grey color and a size of 20px 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="20"
+  bbWidth="20"
+  fill="none"
+  focusable={false}
+  height={20}
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 20,
+        "width": 20,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={23}
+  width={20}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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={19}
+  vbWidth={10}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M8.875 17.375L1 9.5L8.875 1.625"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      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="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={19}
+  vbWidth={11}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined cloud-download icon in a grey color with a size of 16px 1`] = `
+<RNSVGSvgView
+  align="xMidYMid"
+  bbHeight="16"
+  bbWidth="16"
+  fill="none"
+  focusable={false}
+  height={16}
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "flex": 0,
+        "height": 16,
+        "width": 16,
+      },
+    ]
+  }
+  vbHeight={25}
+  vbWidth={23}
+  width={16}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294901760,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4278190335,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294951115,
+          "type": 0,
+        }
+      }
+      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="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={19}
+  vbWidth={25}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4288684272,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4288684272,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="24"
+  bbWidth="24"
+  fill="none"
+  focusable={false}
+  height={24}
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "transform": [
+          {
+            "scaleX": -1,
+          },
+        ],
+      },
+      {
+        "flex": 0,
+        "height": 24,
+        "width": 24,
+      },
+    ]
+  }
+  vbHeight={21}
+  vbWidth={22}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294901760,
+          "type": 0,
+        }
+      }
+      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="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={19}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4288039680,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M1.5 1.75H19.5M1.5 8.5H19.5M1.5 15.25H19.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={3}
+  vbWidth={16}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M14.5 1.5H1.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4278255360,
+          "type": 0,
+        }
+      }
+      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="24"
+  bbWidth="24"
+  fill="none"
+  focusable={false}
+  height={24}
+  meetOrSlice={0}
+  minX={0}
+  minY={0}
+  style={
+    [
+      {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      {
+        "transform": [
+          {
+            "rotate": "90deg",
+          },
+        ],
+      },
+      {
+        "flex": 0,
+        "height": 24,
+        "width": 24,
+      },
+    ]
+  }
+  vbHeight={22}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={21}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  vbWidth={21}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M10.5 1.5V19.5M19.5 10.5L1.5 10.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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="M8.5 1.75V8.5M8.5 8.5V15.25M8.5 8.5H15.25M8.5 8.5L1.75 8.5"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294901760,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  vbWidth={20}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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={
+        {
+          "payload": 4288684272,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "fill",
+        ]
+      }
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+
+exports[`test icons render an outlined refresh icon in a purple 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={21}
+  vbWidth={20}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4288684272,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      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="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={19}
+  vbWidth={12}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      d="M1.66663 6.125L5.99996 1.625L10.3333 6.125M10.3333 12.875L5.99996 17.375L1.66663 12.875"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={20}
+  vbWidth={20}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967040,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294944000,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={23}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4278190335,
+          "type": 0,
+        }
+      }
+      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="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={22}
+  vbWidth={21}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294901760,
+          "type": 0,
+        }
+      }
+      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="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={23}
+  vbWidth={19}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      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="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={21}
+  vbWidth={25}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4286611584,
+          "type": 0,
+        }
+      }
+      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="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={26}
+  vbWidth={26}
+  width={24}
+>
+  <RNSVGGroup
+    fill={null}
+    propList={
+      [
+        "fill",
+      ]
+    }
+  >
+    <RNSVGPath
+      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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4294967295,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </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"
+      fill={
+        {
+          "payload": 4278190080,
+          "type": 0,
+        }
+      }
+      propList={
+        [
+          "stroke",
+          "strokeWidth",
+          "strokeLinecap",
+          "strokeLinejoin",
+        ]
+      }
+      stroke={
+        {
+          "payload": 4279837036,
+          "type": 0,
+        }
+      }
+      strokeLinecap={1}
+      strokeLinejoin={1}
+      strokeWidth="2"
+    />
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;