src/modules/common/components/icons.jsx
import React from "react";
export const AlertIcon = (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.40605 1.39093C9.67005 0.869689 10.3301 0.869689 10.5933 1.39093L14.7506 9.6086L18.9071 17.8255C19.1711 18.3475 18.8411 19 18.3131 19H10H1.68702C1.15827 19 0.829014 18.3475 1.09302 17.8255L5.24953 9.6086L9.40605 1.39093Z"
stroke="#010101"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.3091 14.2614H9.69159L9.59106 8.71436H10.4187L10.3091 14.2614ZM9.57141 16.4286H10.4286V15.5185H9.57141V16.4286Z"
fill="#010101"
/>
</svg>
);
export const Flag = (
<svg
width="20"
height="22"
viewBox="0 0 20 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.39238 15.658C2.39238 15.658 3.70067 14.489 6.3173 14.489C9.38747 14.489 11.8512 16.6696 14.5071 16.6696C16.7753 16.6696 18.4319 15.6883 19.3306 14.7858C19.6183 14.4975 19.8364 14.0005 19.8364 13.5343V2.90201C19.8364 2.36969 19.4701 1.93356 18.9337 1.93356C18.5716 1.93356 18.2969 2.15163 18.0222 2.42638C17.6517 2.79684 16.5658 3.58649 13.9618 3.58649C11.5854 3.58649 9.70135 1.4059 6.63117 1.4059C3.67422 1.4059 2.39238 2.36969 2.39238 2.36969V1.62392C2.39238 1.02219 1.90389 0.533691 1.30202 0.533691C0.700288 0.533691 0.211792 1.02219 0.211792 1.62392V20.3765C0.211792 20.9782 0.700288 21.4666 1.30202 21.4666C1.90389 21.4666 2.39238 20.9782 2.39238 20.3765V15.658ZM4.1367 4.89464V11.8724C4.1367 12.3518 3.74402 12.7445 3.26454 12.7445C2.78502 12.7445 2.39238 12.3518 2.39238 11.8724V4.89464C2.39238 4.41516 2.78502 4.02248 3.26454 4.02248C3.74402 4.02248 4.1367 4.41516 4.1367 4.89464Z"
/>
</svg>
);
export const CreateMarketEdit = (
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="Symbols" fill="none" fillRule="evenodd" strokeLinejoin="round">
<g id="New-Market/Market-Card/2" stroke="#A7A2B2" fillRule="nonzero">
<g id="Icon/Edit">
<path
d="M1 18.417V23h4.583l12.703-12.57-4.583-4.584L1 18.416zM22.643 5.94c.476-.476.476-1.246 0-1.723l-2.86-2.86c-.477-.476-1.247-.476-1.723 0l-2.237 2.237 4.583 4.583 2.237-2.237z"
id="Shape"
/>
</g>
</g>
</g>
</svg>
);
export const Check = (
<svg viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg">
<g
id="Trading"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Trading_Limit-Order_Confirmed_5" stroke="#F6F6F8">
<g id="Order-Placed-View">
<g id="Icon/Check">
<path id="Page-1" d="M0 7.385l7.846 5.733L20 0" />
</g>
</g>
</g>
</g>
</svg>
);
export const IconSearch = (
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<g id="Symbols" fill="none" fillRule="evenodd" fillOpacity="1">
<g id="Markets/Header" fill="#9592a4">
<g id="Group-5">
<path
d="M8.337 7.402h-.494l-.172-.17c.608-.707.977-1.624.977-2.63C8.647 2.37 6.837.56 4.604.56 2.37.56.56 2.37.56 4.603s1.81 4.043 4.044 4.043c1.004 0 1.92-.368 2.628-.974l.17.17v.493l3.11 3.105.928-.928-3.103-3.11zm-3.733 0c-1.547 0-2.8-1.252-2.8-2.8 0-1.544 1.253-2.798 2.8-2.798 1.545 0 2.8 1.254 2.8 2.8 0 1.546-1.255 2.798-2.8 2.798z"
id="Shape"
/>
</g>
</g>
</g>
</svg>
);
export const NavReportingIcon = () => (
<svg viewBox="0 0 23 15" xmlns="http://www.w3.org/2000/svg">
<g
id="Symbols"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Navigation/Section/Left-Nav" stroke="#FFF">
<g id="Icon/Reporting">
<path id="Page-1" d="M0 8.124l8.63 6.306L22 0" />
</g>
</g>
</g>
</svg>
);
export const ExportIcon = (
<svg viewBox="0 0 16 15" xmlns="http://www.w3.org/2000/svg">
<g
id="Symbols"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Portfolio/Head" stroke="#A7A2B2">
<g id="Export">
<g id="Icon/Export-Gray">
<g id="Page-1">
<path d="M8.08 11.347L8.03.08" id="Stroke-1" />
<path id="Stroke-3" d="M5.263 2.737L8 0l2.737 2.737" />
<path id="Stroke-5" d="M4.333 5.71H1v8h14v-8h-3.333" />
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const Ledger = (
<svg
width="18px"
height="18px"
viewBox="0 0 18 18"
version="1.1"
xmlns="http://www.w3.org/1999/xlink"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="SoftwareWalletDisconnectedActive"
transform="translate(-24.000000, -239.000000)"
fill="#FFFFFF"
fillRule="nonzero"
>
<g id="dropdown" transform="translate(0.000000, 72.000000)">
<g id="ledger" transform="translate(0.000000, 152.000000)">
<g id="ledgerLogo" transform="translate(24.000000, 15.000000)">
<path d="M15.1127835,0 L6.82994618,0 L6.82994618,11.1103292 L17.9461595,11.1103292 L17.9461475,2.89067605 C17.9506737,1.32998241 16.674302,1.60715874e-16 15.1127835,0 Z M4.28625516,0 L2.89672999,0 C1.33521148,0 0,1.27117366 0,2.8951998 L0,4.28399095 L4.28625516,4.28399095 L4.28625516,0 Z M0,6.88514702 L4.28625516,6.88514702 L4.28625516,11.169138 L0,11.169138 L0,6.88514702 Z M13.6644185,17.9954763 L15.0539437,17.9954763 C16.6154622,17.9954763 17.9506737,16.7243026 17.9506737,15.1002765 L17.9506737,13.716009 L13.6644185,13.716009 L13.6644185,17.9954763 Z M6.82994618,13.716009 L11.1162013,13.716009 L11.1162013,18 L6.82994618,18 L6.82994618,13.716009 Z M0,13.716009 L0,15.1048002 C0,16.6654938 1.27184551,18 2.89672999,18 L4.28625516,18 L4.28625516,13.716009 L0,13.716009 Z" />
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const Edge = (
<svg
width="18px"
height="18px"
viewBox="0 0 18 18"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="SoftwareWalletDisconnectedActive"
transform="translate(-24.000000, -143.000000)"
fill="#FFFFFF"
fillRule="nonzero"
>
<g id="dropdown" transform="translate(0.000000, 72.000000)">
<g id="edge" transform="translate(0.000000, 56.000000)">
<path
d="M26.7901934,15 L33.4904666,15 L30.5986628,22.673431 L24,22.673431 L26.7901934,15 Z M31.8857655,24.4729727 L34.4520286,17.5466409 L41.974343,17.5466409 L36.6694783,32.0513509 L24.2990517,32.0513509 L27.0278822,24.4155608 L31.8857655,24.4729727 Z"
id="edgeLogo"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const uPort = (
<svg
id="d05ce26b-14ad-4d9e-84cb-0faf489e50ed"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 46 43.91"
>
<defs>
<style>
{`.c1e77bc5-3c90-498e-85ed-fc6667b0786b {
fill: #fff;
}`}
</style>
</defs>
<title>uPort</title>
<g id="e525033e-a215-4d86-bd7d-3d09aa3316c5" data-name="Symbols">
<g id="0ea812fb-f990-460d-8a38-16623e033680" data-name="Icon/uPort">
<path
id="e50b6249-4d84-49dd-aa5b-80b6eca43cf7"
data-name="Page-1"
className="c1e77bc5-3c90-498e-85ed-fc6667b0786b"
d="M35.93,34.16c1.32-.85,1.46-1.88.21-2.67a31.1,31.1,0,0,0-3.88-1.81,8.1,8.1,0,0,0-.92-.28c.27-.49.48-.92.74-1.31a.62.62,0,0,1,.44-.21h.07a11.53,11.53,0,0,1,5,2.41,3.15,3.15,0,0,1-.14,5.06,12.64,12.64,0,0,1-5.7,2.51,37,37,0,0,1-7.85.87,31.76,31.76,0,0,1-8.69-1.19,15.3,15.3,0,0,1-4.42-2.1c-2.06-1.42-2-3.7-.14-5.32a11.83,11.83,0,0,1,4.76-2.23h.06a.74.74,0,0,1,.5.26,9.19,9.19,0,0,1,.6,1c-1.63.78-3.23,1.4-4.67,2.27-1.27.77-1.13,1.84.17,2.66,1.8-1.84,4.23-2.08,6.58-2.48h.1a2.2,2.2,0,0,1,.89.34A9.34,9.34,0,0,0,24,33.15a8.25,8.25,0,0,0,3.49-.79,5.66,5.66,0,0,1,2.41-.6,5,5,0,0,1,1.27.17c1.74.46,3.52.79,4.78,2.22M24,31.33h0a7.21,7.21,0,1,1,0-14.41H24A7.21,7.21,0,1,1,24,31.33M24,2a1.55,1.55,0,0,0-.89.28,4.27,4.27,0,0,0-1,1.21Q11.84,19.05,1.65,34.63C.54,36.33.83,37.28,2.71,38l20.17,7.6c.36.14.74.21,1.11.32.38-.11.74-.17,1.07-.3l20.33-7.67c1.74-.66,2-1.65,1-3.19l-14-21.37Q29,8.19,25.63,3A2,2,0,0,0,24,2m5.81,28.05,1.25.37.37.1a3.4,3.4,0,0,1,.42.13l1.13.49a18,18,0,0,1,2.62,1.26,1.3,1.3,0,0,1,.36.3A10.37,10.37,0,0,0,32,31l-.53-.14a5.93,5.93,0,0,0-1.54-.21,5.7,5.7,0,0,0-.95.08,8.36,8.36,0,0,0,.85-.72m-11.9-.32a8.45,8.45,0,0,0,.91.84h-.08l-.28,0-.68.11a12.3,12.3,0,0,0-5.69,2,1.09,1.09,0,0,1,.36-.3,28.75,28.75,0,0,1,3.06-1.53l1.51-.7.89-.43M16.21,27a1.69,1.69,0,0,0-.77-.2,1.33,1.33,0,0,0-.34,0,12.94,12.94,0,0,0-5.18,2.45A4.59,4.59,0,0,0,8.14,33a4.31,4.31,0,0,0,2,3.31,16.24,16.24,0,0,0,4.74,2.25,32.94,32.94,0,0,0,9,1.24,38.19,38.19,0,0,0,8.07-.9,13.8,13.8,0,0,0,6.17-2.74,4.53,4.53,0,0,0,1.72-3.31,4.47,4.47,0,0,0-1.55-3.34,12.58,12.58,0,0,0-5.4-2.66,1.33,1.33,0,0,0-.36,0,1.74,1.74,0,0,0-.73.18,8.16,8.16,0,0,0,.51-2.83,8.33,8.33,0,0,0-8.25-8.32H24A8.28,8.28,0,0,0,16.21,27M24,3.07a1,1,0,0,1,.76.53q2.63,4,5.24,8L31.54,14l5.17,7.9,8.82,13.47c.46.7.41,1,.39,1s-.13.29-.91.59L24.68,44.61a5.62,5.62,0,0,1-.59.17l-.1,0-.09,0a6.28,6.28,0,0,1-.65-.19L3.09,37c-.89-.34-1-.6-1-.63S2,36,2.54,35.22l4.88-7.46Q15.18,15.92,22.94,4.07a3.47,3.47,0,0,1,.76-.91A.48.48,0,0,1,24,3.07"
transform="translate(-1 -2)"
/>
</g>
</g>
</svg>
);
export const Trezor = (
<svg
width="13px"
height="18px"
viewBox="0 0 13 18"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="SoftwareWalletDisconnectedActive"
transform="translate(-27.000000, -191.000000)"
fill="#FFFFFF"
fillRule="nonzero"
>
<g id="dropdown" transform="translate(0.000000, 72.000000)">
<g id="trezor" transform="translate(0.000000, 104.000000)">
<path
d="M37.5237142,20.5296365 L39.326924,20.5296365 L39.326924,30.1125063 L39.3145205,30.1125063 L33.1636759,33 L27.0124035,30.1125063 L27,30.1125063 L27,20.5296365 L28.8040653,20.5296365 L28.8040653,19.1842878 C28.8040653,16.8773006 30.760394,15 33.1645313,15 C35.5673854,15 37.5237142,16.8773006 37.5237142,19.1842878 L37.5237142,20.5296365 Z M36.8462273,28.5187988 L36.8462273,22.7781863 L29.4806967,22.7781863 L29.4806967,28.5187988 L33.1636759,30.2435607 L36.8462273,28.5187988 Z M31.0405417,19.1842878 L31.0405417,20.5296365 L35.2872378,20.5296365 L35.2872378,19.1842878 C35.2872378,18.1165167 34.3343081,17.2476904 33.1645313,17.2476904 C31.9934714,17.2476904 31.0405417,18.1165167 31.0405417,19.1842878 Z"
id="trezorLogo"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const Keystore = (
<svg
id="d7c32dda-f36e-456a-9079-f98a93957648"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 32.8 45.87"
>
<defs>
<style>
{`
.\\34 c40df67-28a7-4a63-8b5b-b71b5465b1d2 {
fill: #fff;
}
.b86f50e5-9448-4f13-acb3-2e5ce5cb5c88 {
mask: url(#d745dd27-237d-4b73-8097-e409b9656b0d);
}
`}
</style>
<mask
id="d745dd27-237d-4b73-8097-e409b9656b0d"
x="0"
y="0"
width="32.8"
height="45.87"
maskUnits="userSpaceOnUse"
>
<g transform="translate(-7 -1)">
<g id="4708e3e3-8419-4e42-93ac-d8099574375a" data-name="mask-2">
<polygon
id="d947e9fc-cd44-4d8e-82a8-25ea2ec44ef6"
data-name="path-1"
className="4c40df67-28a7-4a63-8b5b-b71b5465b1d2"
points="39.8 46.87 39.8 1 7 1 7 46.87 39.8 46.87"
/>
</g>
</g>
</mask>
</defs>
<title>Keystore</title>
<g id="9a6727d5-4c46-4752-beaa-86185de6066c" data-name="Symbols">
<g id="74dc2734-732e-49ba-a63f-42a6a6a5a65d" data-name="Icon/Keystore">
<g id="81659e52-4b0a-43f3-af99-a2849a814b35" data-name="Page-1">
<g className="b86f50e5-9448-4f13-acb3-2e5ce5cb5c88">
<path
id="739fafef-728f-4419-a199-b2c0392606ca"
data-name="Fill-1"
className="4c40df67-28a7-4a63-8b5b-b71b5465b1d2"
d="M29.23,11.39h8.59L29.23,2.94Zm9.5,1.09H28.95c-.62,0-.78-.16-.78-.77q0-4.59,0-9.19V2.08H8.08v43.7H38.73ZM7,23.9V1.83c0-.68.15-.83.84-.83H28.41a1.15,1.15,0,0,1,.87.36q5.07,5,10.16,10a1.1,1.1,0,0,1,.36.86q0,16.91,0,33.82c0,.68-.14.82-.84.82H7.84c-.69,0-.84-.14-.84-.83Z"
transform="translate(-7 -1)"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const Key = (
<svg
id="986dc871-bd7c-4cd5-a999-a53f5690d6ab"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 44.93 32.02"
>
<defs>
<style>
{`
.dcf9129a-67e1-4c58-a125-e1bb2403b70c {
fill: #fff;
}
.\\30 1e2ccdd-4c3f-4d69-9ea0-7fda68f93707 {
mask: url(#c9d7d845-6b4c-437b-973b-584e80f5db37);
}
`}
</style>
<mask
id="c9d7d845-6b4c-437b-973b-584e80f5db37"
x="-1.44"
y="-0.62"
width="47.7"
height="32.89"
maskUnits="userSpaceOnUse"
>
<g transform="translate(-1.5 -10.62)">
<g id="bedc9bc9-7454-447f-ba14-70b9f3bc2325" data-name="mask-2">
<polygon
id="7d4e6d25-d732-4fea-8f25-dfda7a71fbd0"
data-name="path-1"
className="dcf9129a-67e1-4c58-a125-e1bb2403b70c"
points="2.14 10 0.06 39.7 45.69 42.89 47.76 13.19 2.14 10"
/>
</g>
</g>
</mask>
</defs>
<title>Key</title>
<g id="68d4e0f8-a82b-4bc2-a984-abe467433c09" data-name="Symbols">
<g id="da4ef49b-c5a5-4957-8f63-62f92d56d2ee" data-name="Icon/Key">
<g id="2f65728b-36d5-460c-9c20-e0c82f228079" data-name="Page-1">
<g className="01e2ccdd-4c3f-4d69-9ea0-7fda68f93707">
<path
id="9591d5cc-ef25-49b8-95f7-0379a74d07af"
data-name="Fill-1"
className="dcf9129a-67e1-4c58-a125-e1bb2403b70c"
d="M18,16.25a8.2,8.2,0,0,0-10.7-3.91,7.72,7.72,0,0,0-4,10.33A8.21,8.21,0,0,0,14,26.6a7.7,7.7,0,0,0,4-10.35m27.25,16.5-8.09-3-.14.33-2.57,6.67a1.61,1.61,0,0,1-.15.33.51.51,0,0,1-.65.2.47.47,0,0,1-.32-.58,2.31,2.31,0,0,1,.12-.34L36,29.76a2.77,2.77,0,0,1,.17-.32L19,23.16A9.25,9.25,0,0,1,7,27.57,8.8,8.8,0,0,1,2,16.38,9.18,9.18,0,0,1,12.92,10.9a8.9,8.9,0,0,1,6.43,11.27,3.16,3.16,0,0,1,.43.1l26,9.49c.75.27.8.4.52,1.13L42.74,42a2.08,2.08,0,0,1-.14.33.51.51,0,0,1-.67.23.48.48,0,0,1-.31-.59,2.09,2.09,0,0,1,.12-.34L45,33.1c0-.12.12-.24.17-.35"
transform="translate(-1.5 -10.62)"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const MetaMask = (
<svg
width="19px"
height="20px"
viewBox="0 0 19 20"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="SoftwareWalletDisconnectedActive"
transform="translate(-23.000000, -94.000000)"
stroke="#FFFFFF"
>
<g id="dropdown" transform="translate(0.000000, 72.000000)">
<g id="metaMask" transform="translate(0.000000, 8.000000)">
<g id="metamaskLogo" transform="translate(23.909091, 15.000000)">
<polygon
id="Stroke-1"
strokeLinecap="round"
points="5.42289817 0.156604444 7.37789817 2.49299556 10.8538254 2.49299556 16.7192436 1.00627556 14.98128 5.46684444 15.6332255 6.10389332 15.1983164 6.52872888 15.6332255 6.74135112 15.1983164 7.16618668 15.4157709 7.80364444 14.8453709 8.97184 14.7638255 10.1400356 14.98128 11.6267556 14.98128 13.3260978 16.2847527 14.8128178 16.93628 15.2376533 16.5017891 16.2995378 15.1983164 17.7866667 12.8088254 17.7866667 7.31809816 15.9229511 1.72951637 17.7866667 0.209007273 13.9635556 2.38146182 9.07774224 1.51248 8.22807112 2.16442546 8.01585776 1.07798909 7.37880888 1.94697091 7.16618668 0.860952727 6.52872888 1.51248 6.31651556 1.51248 5.25463112 2.81595273 2.70561778"
/>
<polyline
id="Stroke-3"
strokeLinecap="round"
points="16.3932291 14.9191289 15.3072109 14.9191289 15.0897564 15.3439644 15.0897564 16.6184711 16.3719018 16.4267022"
/>
<polygon
id="Stroke-6"
strokeLinecap="round"
points="14.1816431 10.6363636 14.7272727 11.2907831 13.9090909 11.4545455"
/>
<polygon
id="Stroke-7"
strokeLinecap="round"
points="9.74372357 10.6363636 10.6363636 12.2727273 8.18181818 11.7272728"
/>
<polyline
id="Stroke-8"
points="7.31079802 2.45454545 9 5.11343951 5.62159599 8.7952577 2.45454545 9"
/>
<polyline
id="Stroke-9"
strokeLinecap="round"
points="8.75830948 13.9090909 14.7272727 15.645097 7.36363636 16.3636364"
/>
<polyline
id="Stroke-10"
strokeLinecap="round"
points="9 13.0909091 6.38165021 10.6363637 5.72727273 9"
/>
<polyline
id="Stroke-11"
strokeLinecap="round"
points="14.7272727 14.7272727 11.6590768 11.802648 11.0452014 10.1314339 9 4.90909091"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const Alert = (
<svg
id="a26f05d9-644c-4f17-afbc-46d4647e9dc7"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 37.48 37.48"
>
<defs>
<style>
{`
.d4f2b59f-7178-4786-9bb7-fd6cf8b75d6d {
fill: none;
stroke: #fff;
}
.ce4ea548-02b7-4ef0-aceb-1c5c55ba77a5 {
fill: #fff;
}
`}
</style>
</defs>
<title>Alert</title>
<g id="77f1ff9b-fa1c-4c5c-8c21-5153f0872de8" data-name="Symbols">
<g id="20f98d0f-af34-46a2-9e12-54de87a1d961" data-name="Icon/Alert">
<g id="4d653298-4d39-40cf-88e1-0ea89eb0f0a5" data-name="Page-1">
<path
id="c113668e-527a-4708-a6e6-731f7cebddbe"
data-name="Stroke-1"
className="d4f2b59f-7178-4786-9bb7-fd6cf8b75d6d"
d="M18.78,2.54a1.31,1.31,0,0,1,2.41,0l8.43,16.65L38,35.84a1.6,1.6,0,0,1-1.2,2.38H3.13a1.6,1.6,0,0,1-1.2-2.38l8.42-16.65Z"
transform="translate(-1.24 -1.24)"
/>
<path
id="2100dda0-6ebb-4d99-bf1e-7c24d4217c99"
data-name="Fill-3"
className="ce4ea548-02b7-4ef0-aceb-1c5c55ba77a5"
d="M20.6,27.52H19.36l-.2-11.71h1.66ZM19.12,32.1h1.72V30.17H19.12Z"
transform="translate(-1.24 -1.24)"
/>
</g>
</g>
</g>
</svg>
);
export const ExclamationCircle = (
<svg viewBox="0 0 16 16">
<g
id="Updated-Screens"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g id="New-Market_11" transform="translate(-682.000000, -464.000000)">
<g id="Icon/Error" transform="translate(682.000000, 464.000000)">
<circle
id="Oval"
stroke="#FF0068"
strokeWidth="1"
cx="8"
cy="8"
r="7"
/>
<text
id="!"
transform="translate(8.000000, 7.500000) scale(-1, 1) translate(-8.000000, -7.500000) "
fontFamily=".AppleSystemUIFont"
fontSize="10.5"
fontWeight="normal"
letterSpacing="0.262500018"
fill="#FF0068"
>
<tspan x="6.1" y="11">
!
</tspan>
</text>
</g>
</g>
</g>
</svg>
);
export const Hint = (
<svg viewBox="0 0 16 16">
<g
id="Icon/Hint"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<circle id="Oval" stroke="#736E89" cx="8" cy="8" r="7" />
<path
d="M10.178273,6.02785515 C10.178273,4.8356546 9.26462396,4 8.09470752,4 C6.8913649,4 6,4.90250696 6,6.03899721 L6.80222841,6.03899721 C6.80222841,5.33704735 7.30362117,4.71309192 8.09470752,4.71309192 C8.84122563,4.71309192 9.37604457,5.28133705 9.37604457,6.02785515 C9.37604457,6.40668524 9.22005571,6.66295265 9.00835655,6.97493036 L8.10584958,8.27855153 C7.8718663,8.61281337 7.76044568,8.8913649 7.76044568,9.32590529 L7.76044568,9.77158774 L8.56267409,9.77158774 L8.56267409,9.33704735 C8.56267409,9.15877437 8.62952646,8.8913649 8.7632312,8.6908078 L9.67688022,7.37604457 C9.96657382,6.95264624 10.178273,6.55153203 10.178273,6.02785515 Z M8.64066852,12 L8.64066852,11.0640669 L7.68245125,11.0640669 L7.68245125,12 L8.64066852,12 Z"
id="?"
fill="#736E89"
/>
</g>
</svg>
);
export const CheckboxOff = (
<svg
id="13de3723-afc4-43e5-966e-01b702ca5297"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 21.16 21.16"
>
<defs>
<style>
{`
.\\32 c905fc7-7c65-4dc2-9b42-80d0c16bf440 {
fill: none;
stroke: #dbdae1;
}
`}
</style>
</defs>
<title>Checkbox off</title>
<g id="6247de90-74a6-45ea-a21d-97996a0bbca7" data-name="Symbols">
<g
id="311a987f-edbc-411a-82a6-6412bd7ac823"
data-name="Icon/Checkbox-off"
>
<path
id="27769802-1472-48d7-b9ce-ebd8904a8e2b"
data-name="Page-1"
className="2c905fc7-7c65-4dc2-9b42-80d0c16bf440"
d="M21.32,22H2.84A.84.84,0,0,1,2,21.16V2.68a.84.84,0,0,1,.84-.84H21.32a.84.84,0,0,1,.84.84V21.16A.84.84,0,0,1,21.32,22Z"
transform="translate(-1.5 -1.34)"
/>
</g>
</g>
</svg>
);
export const CheckboxOn = (
<svg
id="9777b652-807f-44b2-b0f5-08d8f20182df"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 21.95 21.95"
>
<defs>
<style>
{`
.ca26950d-c854-49b5-8612-bc2195287f01 {
fill: #fff;
}
.b4f8e674-bfe0-4f87-834c-84e3e215014d {
mask: url(#74980403-58c9-4bea-810f-348232e431af);
}
.f24bbc3a-6b13-49c2-b214-429ae7463706 {
fill: #dbdae1;
}
`}
</style>
<mask
id="74980403-58c9-4bea-810f-348232e431af"
x="0"
y="0"
width="21.95"
height="21.95"
maskUnits="userSpaceOnUse"
>
<g transform="translate(-1 -1)">
<g id="bee4a8b8-354e-4a0d-a6fa-c5b8ef851f5d" data-name="mask-2">
<polygon
id="b7cecb15-2e1f-4a3e-bfa1-d12baa16cf98"
data-name="path-1"
className="ca26950d-c854-49b5-8612-bc2195287f01"
points="1 1 1 22.95 22.95 22.95 22.95 1 1 1"
/>
</g>
</g>
</mask>
</defs>
<title>Checkbox on</title>
<g id="67926e8a-f89e-418a-8b1c-59a389273db0" data-name="Symbols">
<g id="baee6728-b48c-40bf-819c-51fbe34fc671" data-name="Icon/Checkbox-on">
<g id="db803d01-815f-436a-8d94-24b56c85a525" data-name="Page-1">
<g className="b4f8e674-bfe0-4f87-834c-84e3e215014d">
<path
id="ce747c73-65f8-49f8-841a-d76674045203"
data-name="Fill-1"
className="f24bbc3a-6b13-49c2-b214-429ae7463706"
d="M20.54,6.89l-10,10.8a.46.46,0,0,1-.61.06L3.47,13A.46.46,0,1,1,4,12.29l6.13,4.48,9.73-10.5a.46.46,0,1,1,.67.62M22,1H1.91A.91.91,0,0,0,1,1.91V22a.91.91,0,0,0,.91.91H22A.91.91,0,0,0,23,22V1.91A.91.91,0,0,0,22,1"
transform="translate(-1 -1)"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const Export = (
<svg
id="953e0014-1cef-4429-aafa-e42c291ab42f"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 21.56"
width="22"
height="21.56"
>
<defs>
<style>
{`
.\\32 275d31d-f7ee-42a6-8027-90262a5b4750 {
fill: none;
stroke: #372e4b;
strokeLinecap: round;
strokeLinejoin: round;
}
`}
</style>
</defs>
<title>Export</title>
<g id="ed372e3a-954b-40ff-afe2-e288566f7a6d" data-name="Symbols">
<g id="80e4e169-eff0-41bb-9bea-04faeddf2370" data-name="Icon/Export">
<g id="c8ed4e46-376e-479a-9db9-b46166ee0f07" data-name="Page-1">
<path
id="1bdd6f72-b4f9-413d-ac0e-f8501b5edd93"
data-name="Stroke-1"
className="2275d31d-f7ee-42a6-8027-90262a5b4750"
d="M12.12,19.52,12,2.62"
transform="translate(-1 -2)"
/>
<polyline
id="16a19ee2-560a-4a11-903f-2c575013af1c"
data-name="Stroke-3"
className="2275d31d-f7ee-42a6-8027-90262a5b4750"
points="6.89 4.61 11 0.5 15.11 4.61"
/>
<polyline
id="55f5846e-8998-413d-b85b-e148ec0042c5"
data-name="Stroke-5"
className="2275d31d-f7ee-42a6-8027-90262a5b4750"
points="5.5 9.06 0.5 9.06 0.5 21.06 21.5 21.06 21.5 9.06 16.5 9.06"
/>
</g>
</g>
</g>
</svg>
);
export const Deposit = (
<svg width="26px" height="26px" viewBox="0 0 26 26">
<g
id="Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g
id="Account_1"
transform="translate(-575.000000, -448.000000)"
stroke="#372E4B"
>
<g id="Icon/Deposit" transform="translate(574.000000, 447.000000)">
<path
d="M14.1394167,1.74976667 L14.0519167,21.4687667"
id="Stroke-1"
/>
<polyline
id="Stroke-3"
points="9.21071667 16.8168 13.9998833 21.6059667 18.78905 16.8168"
/>
<polyline
id="Stroke-4"
points="7.58321667 11.7399333 1.74988333 11.7399333 1.74988333 25.7399333 26.2498833 25.7399333 26.2498833 11.7399333 20.41655 11.7399333"
/>
</g>
</g>
</g>
</svg>
);
export const Withdraw = (
<svg width="26px" height="20px" viewBox="0 0 26 20">
<g
id="Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g
id="Account_2"
transform="translate(-615.000000, -452.000000)"
stroke="#372E4B"
>
<g id="Icon/Withdraw" transform="translate(614.000000, 448.000000)">
<g id="Page-1" transform="translate(1.000000, 4.000000)">
<polyline id="Stroke-1" points="0.52 6.5 25.48 6.5 16.12 0.5" />
<polyline
id="Stroke-3"
points="25.48 13.25 0.52 13.25 9.88 19.25"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const Copy = (
<svg width="19px" height="24px" viewBox="0 0 19 24">
<g
id="Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinejoin="round"
>
<g
id="Account_2"
transform="translate(-1291.000000, -549.000000)"
stroke="#372E4B"
>
<g id="Icon/Copy" transform="translate(1288.000000, 549.000000)">
<g id="Page-1" transform="translate(3.428571, 0.857143)">
<polygon
id="Stroke-1"
points="17.1428571 22.2857143 2.70676692 22.2857143 2.70676692 1.9378882 13.3064662 1.9378882 17.1428571 5.42221118"
/>
<polyline
id="Stroke-3"
points="13.0827068 2.42236025 13.0827068 5.32919255 16.6917293 5.32919255"
/>
<polygon
id="Stroke-5"
points="2.70676692 1.9378882 12.6505263 1.9378882 11.0508271 0.48447205 0.45112782 0.48447205 0.45112782 20.8322981 2.70676692 20.8322981"
/>
</g>
</g>
</g>
</g>
</svg>
);
export const SmallClose = (
<svg
width="10"
height="10"
viewBox="0 0 10 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M1 1L9 9" stroke="#372E4B" strokeLinecap="round" />
<path d="M9 1L1 9" stroke="#372E4B" strokeLinecap="round" />
</svg>
);
export const Close = (
<svg viewBox="0 0 24 24">
<defs />
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
>
<g id="Icon/Close" stroke="#F6F6F8">
<path
d="M2.25937312,2.25937312 L21.7139306,21.7139306"
id="CloseLine"
/>
<path
d="M21.8116947,2.3571372 L2.3571372,21.8116947 L21.8116947,2.3571372 Z"
id="CloseLineJoinRound"
strokeLinejoin="round"
/>
</g>
</g>
</svg>
);
export const CloseDark = (
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="23"
viewBox="0 0 23 23"
>
<g fill="none" fillRule="nonzero" transform="translate(-5 -5)">
<path
fill="#DBDAE1"
d="M8.721 24.278c-4.295-4.296-4.295-11.26 0-15.556 4.297-4.296 11.261-4.296 15.557 0 4.296 4.295 4.296 11.26 0 15.557-4.296 4.295-11.26 4.295-15.557-.001z"
/>
<rect
width="1"
height="13"
x="16"
y="10"
fill="#FFF"
rx=".5"
transform="rotate(135 16.5 16.5)"
/>
<rect
width="1"
height="13"
x="16"
y="10"
fill="#FFF"
rx=".5"
transform="rotate(-135 16.5 16.5)"
/>
</g>
</svg>
);
export const CloseBlack = (
<svg viewBox="0 0 24 24">
<defs />
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
>
<g id="Icon/Close" stroke="#000000">
<path
d="M2.25937312,2.25937312 L21.7139306,21.7139306"
id="CloseBlackLine"
/>
<path
d="M21.8116947,2.3571372 L2.3571372,21.8116947 L21.8116947,2.3571372 Z"
id="CloseBlackLineJoinRound"
strokeLinejoin="round"
/>
</g>
</g>
</svg>
);
export const CloseWithCircle = (
className = "",
backgroundFillColor = "#DBDAE1",
xFillColor = "#FFF"
) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 23 23"
className={className}
>
<g fill="none" fillRule="nonzero" transform="translate(-5 -5)">
<path
fill={backgroundFillColor}
d="M8.721 24.278c-4.295-4.296-4.295-11.26 0-15.556 4.297-4.296 11.261-4.296 15.557 0 4.296 4.295 4.296 11.26 0 15.557-4.296 4.295-11.26 4.295-15.557-.001z"
/>
<rect
width="1"
height="13"
x="16"
y="10"
fill={xFillColor}
rx=".5"
transform="rotate(135 16.5 16.5)"
/>
<rect
width="1"
height="13"
x="16"
y="10"
fill={xFillColor}
rx=".5"
transform="rotate(-135 16.5 16.5)"
/>
</g>
</svg>
);
export const ChevronFlipIcon = (className = "", fillColor = "#A7A2B2") => (
<svg className={className} viewBox="0 0 16 16">
<g
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g stroke={fillColor}>
<polyline
transform="translate(8.156854, 11.156854) scale(1, -1) rotate(-225.000000) translate(-8.156854, -11.156854) "
points="3.65685425 6.65685425 12.6568542 6.65685425 12.6568542 15.6568542"
/>
</g>
</g>
</svg>
);
export const ChevronFlipFilledIcon = (className = "", fillColor = "#FFF") => (
<svg
width="12px"
height="8px"
viewBox="0 0 12 8"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="SoftwareWalletDisconnectedInactive"
transform="translate(-281.000000, -32.000000)"
fill={fillColor}
fillRule="nonzero"
>
<g id="connectWallet" transform="translate(125.000000, 0.000000)">
<polygon
id="Triangle"
transform="translate(162.000000, 36.000000) scale(1, -1) translate(-162.000000, -36.000000) "
points="162 32 168 40 156 40"
/>
</g>
</g>
</g>
</svg>
);
export const Notifications = (unseenCount, rxWidth, stroke = "#FFFFFF") => (
<svg viewBox="0 0 24 24">
<defs />
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g id="Icon/Notification">
<g
id="Page-1"
transform="translate(4.000000, 1.000000)"
stroke={stroke}
strokeWidth="0.894"
>
<path
d="M7.9209,2.5717 L7.9209,1.9467 C7.9209,1.1217 8.5959,0.4467 9.4209,0.4467 C10.2459,0.4467 10.9209,1.1217 10.9209,1.9467 L10.9209,2.5467"
id="Stroke-1"
/>
<path
d="M11.4209,19.4472 C11.4209,20.5512 10.5249,21.4472 9.4209,21.4472 C8.3169,21.4472 7.4209,20.5512 7.4209,19.4472"
id="Stroke-3"
/>
<path
d="M18.3389,17.4491 C16.5789,14.4471 15.2629,11.4471 15.4209,8.4471 C15.5789,5.4471 12.7349,2.4471 9.4209,2.4471 C6.1069,2.4471 3.2469,5.1381 3.4209,8.4471 C3.5789,11.4471 2.5789,14.4471 0.5789,17.4471 C-1.4211,20.4471 20.0989,20.4501 18.3389,17.4491 Z"
id="Stroke-5"
/>
</g>
{!!unseenCount && (
<g
id="Group-14"
transform="translate(1.000000, 2.000000)"
textAnchor="middle"
>
<ellipse
id="Oval"
fill={stroke}
cx="6.4591451"
cy="7.00261291"
rx={rxWidth}
ry="6.43043779"
/>
<text
id="1"
fontFamily="roboto-Bold, roboto"
fontSize="8"
fontWeight="bold"
fill="#341D53"
>
<tspan x="6.01902362" y="10.0428031">
{unseenCount}
</tspan>
</text>
</g>
)}
</g>
</g>
</svg>
);
export const AlertCircle = (Styling, fill = "#FFFFFF") => (
<svg viewBox="0 0 24 24" className={Styling}>
<defs />
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g id="Group-14" transform="translate(1.000000, 2.000000)">
<ellipse
id="Oval"
fill={fill}
cx="6.4591451"
cy="7.00261291"
rx="6.4591451"
ry="6.43043779"
/>
</g>
</g>
</svg>
);
export const ChevronUp = () => (
<svg viewBox="0 0 16 16">
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Icon/Dropdown" stroke="#A7A2B2">
<polyline
id="Stroke-3"
transform="translate(8.156854, 11.156854) scale(1, -1) rotate(-225.000000) translate(-8.156854, -11.156854) "
points="3.65685425 6.65685425 12.6568542 6.65685425 12.6568542 15.6568542"
/>
</g>
</g>
</svg>
);
export const ChevronLeft = (
<svg viewBox="0 0 16 16">
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Icon/chevron-left" stroke="#231A3A">
<polyline
id="Stroke-3"
transform="translate(11.156854, 7.863961) rotate(-135.000000) translate(-11.156854, -7.863961) "
points="6.65685425 3.36396103 15.6568542 3.36396103 15.6568542 12.363961"
/>
</g>
</g>
</svg>
);
export const ChevronRight = (
<svg viewBox="0 0 9 14" xmlns="http://www.w3.org/2000/svg">
<g
id="Symbols"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
opacity=".54"
strokeLinejoin="round"
>
<g id="Selector/Calendar" stroke="#231A3A">
<g id="Group-2">
<g id="Icon/chevron-right">
<path id="Stroke-3" d="M1.16 13.228l6.363-6.364L1.16.5" />
</g>
</g>
</g>
</g>
</svg>
);
export const ChevronDown = p => (
<svg viewBox="0 0 16 16">
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinecap="round"
strokeLinejoin="round"
>
<g id="Icon/Dropdown-Down" stroke={p.stroke || "#A7A2B2"}>
<polyline
id="Stroke-3"
transform="translate(8.156854, 6.156854) rotate(-225.000000) translate(-8.156854, -6.156854) "
points="3.65685425 1.65685425 12.6568542 1.65685425 12.6568542 10.6568542"
/>
</g>
</g>
</svg>
);
export const AugurLoadingLogo = (
<svg viewBox="50 50 205 205">
<path
className="outer-lines"
d="M66.3 199.1L152.8 55M152.8 251l-86.5-51.9M239.7 199.1L152.8 251M152.8 55l86.9 144.1"
/>
<path
className="inner-bottom-line"
d="M152.8 250.5l.3-33.8c0-6.3 3.4-12.1 9-15.2l5.6-2.8c6-3 11.1-7.7 14.5-13.6l2.2-3.7"
/>
<path
className="inner-lines"
d="M158.1 135.2s13.6 3.1 20.2 11c11.3 13.5 6.3 25.5 13.7 30.7 8.5 6 46.4 22.2 46.4 22.2m-118.7-30.8s.2-9.8 5.9-18.5c6.9-10.5 18-12.4 23.5-17.8 4.5-4.4 4-13 4-13l-.3-62.5m-4 144.5s-7.8-1-13.4-4.7c-7.3-4.9-12.5-15.1-17.6-17.1-5.5-2.1-11.4 1-11.4 1L66.3 199"
/>
<path
className="mask"
d="M183.1 170.7s2.5 9 7.5 12.8c5 3.8-1.9 6.4-8.1.9s.6-13.7.6-13.7zm-22.2-33.9c4.5-6.9.9-13.4-2.1-7.8-3 5.5-11.5 9.4-11.5 9.4s9.1 5.4 13.6-1.6zm-41.5 29.4c-8.1-1.8-12.8 3.9-6.6 4.7s12.9 7.4 12.9 7.4 1.8-10.3-6.3-12.1zm34.6 36.4c3.3-7.5-1.3-13.3-3.4-7.4-2.1 6-9.8 11.2-9.8 11.2s9.9 3.8 13.2-3.8z"
/>
</svg>
);
export const AppleAppStore = () => (
<svg width="129px" height="41px" viewBox="0 0 129 40">
<g
id="Log-In-Modal"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="Login-Modal-Button"
transform="translate(-170.000000, -319.000000)"
fillRule="nonzero"
>
<g id="app-store-badge" transform="translate(170.000000, 319.000000)">
<path
d="M124.2,40 L4.2,40 C2,40 0.2,38.2 0.2,36 L0.2,4 C0.2,1.8 2,0 4.2,0 L124.2,0 C126.4,0 128.2,1.8 128.2,4 L128.2,36 C128.2,38.2 126.4,40 124.2,40 Z"
id="AppleAppStoreShape1"
fill="#000000"
/>
<path
d="M27.2,19.8 C27.2,16.7 29.8,15.2 29.9,15.1 C28.4,13 26.2,12.7 25.4,12.6 C23.5,12.4 21.6,13.7 20.7,13.7 C19.7,13.7 18.2,12.6 16.6,12.6 C14.5,12.6 12.6,13.8 11.5,15.7 C9.3,19.5 10.9,25.1 13,28.2 C14.1,29.7 15.3,31.4 16.9,31.3 C18.5,31.2 19.1,30.3 21,30.3 C22.9,30.3 23.4,31.3 25.1,31.3 C26.8,31.3 27.9,29.8 28.9,28.3 C30.1,26.6 30.6,24.9 30.6,24.8 C30.5,24.7 27.2,23.5 27.2,19.8 Z"
id="AppleAppStoreShape2"
fill="#FFFFFF"
/>
<path
d="M24.1,10.6 C24.9,9.5 25.5,8.1 25.4,6.6 C24.2,6.7 22.6,7.4 21.8,8.5 C21,9.4 20.3,10.9 20.5,12.3 C21.8,12.4 23.2,11.6 24.1,10.6 Z"
id="AppleAppStoreShape3"
fill="#FFFFFF"
/>
<path
d="M50,31.1 L47.8,31.1 L46.6,27.3 L42.4,27.3 L41.3,31.1 L39.2,31.1 L43.4,18.2 L46,18.2 L50,31.1 Z M46.2,25.7 L45.1,22.3 C45,22 44.8,21.1 44.4,19.9 L44.4,19.9 C44.3,20.4 44.1,21.3 43.8,22.3 L42.7,25.7 L46.2,25.7 Z"
id="AppleAppStoreShape4"
fill="#FFFFFF"
/>
<path
d="M60.7,26.4 C60.7,28 60.3,29.2 59.4,30.2 C58.6,31 57.7,31.4 56.5,31.4 C55.3,31.4 54.4,31 53.9,30.1 L53.9,30.1 L53.9,35 L51.8,35 L51.8,25 C51.8,24 51.8,23 51.7,21.9 L53.5,21.9 L53.6,23.4 L53.6,23.4 C54.3,22.3 55.3,21.7 56.7,21.7 C57.8,21.7 58.7,22.1 59.4,23 C60.3,23.8 60.7,24.9 60.7,26.4 Z M58.6,26.4 C58.6,25.5 58.4,24.7 58,24.2 C57.6,23.6 57,23.3 56.2,23.3 C55.7,23.3 55.2,23.5 54.8,23.8 C54.4,24.1 54.1,24.6 54,25.1 C53.9,25.4 53.9,25.6 53.9,25.7 L53.9,27.3 C53.9,28 54.1,28.5 54.5,29 C54.9,29.5 55.5,29.7 56.1,29.7 C56.9,29.7 57.5,29.4 57.9,28.8 C58.4,28.2 58.6,27.4 58.6,26.4 Z"
id="AppleAppStoreShape5"
fill="#FFFFFF"
/>
<path
d="M71.4,26.4 C71.4,28 71,29.2 70.1,30.2 C69.3,31 68.4,31.4 67.2,31.4 C66,31.4 65.1,31 64.6,30.1 L64.6,30.1 L64.6,35 L62.5,35 L62.5,25 C62.5,24 62.5,23 62.4,21.9 L64.2,21.9 L64.3,23.4 L64.3,23.4 C65,22.3 66,21.7 67.4,21.7 C68.5,21.7 69.4,22.1 70.1,23 C71,23.8 71.4,24.9 71.4,26.4 Z M69.3,26.4 C69.3,25.5 69.1,24.7 68.7,24.2 C68.3,23.6 67.7,23.3 66.9,23.3 C66.4,23.3 65.9,23.5 65.5,23.8 C65.1,24.1 64.8,24.6 64.7,25.1 C64.6,25.4 64.6,25.6 64.6,25.7 L64.6,27.3 C64.6,28 64.8,28.5 65.2,29 C65.6,29.5 66.2,29.7 66.8,29.7 C67.6,29.7 68.2,29.4 68.6,28.8 C69.1,28.2 69.3,27.4 69.3,26.4 Z"
id="AppleAppStoreShape6"
fill="#FFFFFF"
/>
<path
d="M83.4,27.5 C83.4,28.6 83,29.5 82.3,30.2 C81.5,31 80.3,31.3 78.8,31.3 C77.4,31.3 76.3,31 75.5,30.5 L76,28.8 C76.9,29.3 77.9,29.6 79,29.6 C79.8,29.6 80.4,29.4 80.8,29.1 C81.2,28.7 81.4,28.3 81.4,27.7 C81.4,27.2 81.2,26.7 80.9,26.4 C80.5,26 79.9,25.7 79.1,25.4 C76.8,24.6 75.7,23.3 75.7,21.7 C75.7,20.6 76.1,19.8 76.9,19.1 C77.7,18.4 78.7,18.1 80.1,18.1 C81.3,18.1 82.2,18.3 83,18.7 L82.5,20.4 C81.8,20 81,19.8 80,19.8 C79.3,19.8 78.7,20 78.3,20.3 C78,20.6 77.8,21 77.8,21.5 C77.8,22 78,22.4 78.4,22.8 C78.7,23.1 79.4,23.4 80.3,23.8 C81.4,24.2 82.2,24.8 82.8,25.4 C83.1,25.9 83.4,26.6 83.4,27.5 Z"
id="AppleAppStoreShape7"
fill="#FFFFFF"
/>
<path
d="M90.2,23.4 L87.9,23.4 L87.9,27.9 C87.9,29 88.3,29.6 89.1,29.6 C89.5,29.6 89.8,29.6 90,29.5 L90.1,31.1 C89.7,31.3 89.2,31.3 88.5,31.3 C87.7,31.3 87,31.1 86.6,30.6 C86.1,30.1 85.9,29.3 85.9,28.1 L85.9,23.4 L84.5,23.4 L84.5,21.8 L85.9,21.8 L85.9,20.1 L87.9,19.5 L87.9,21.8 L90.2,21.8 L90.2,23.4 Z"
id="AppleAppStoreShape8"
fill="#FFFFFF"
/>
<path
d="M100.5,26.4 C100.5,27.8 100.1,29 99.3,29.9 C98.4,30.8 97.3,31.3 95.9,31.3 C94.5,31.3 93.4,30.8 92.6,29.9 C91.8,29 91.4,27.9 91.4,26.5 C91.4,25.1 91.8,23.9 92.7,23 C93.5,22.1 94.7,21.6 96.1,21.6 C97.5,21.6 98.6,22.1 99.4,23 C100.1,23.9 100.5,25 100.5,26.4 Z M98.3,26.5 C98.3,25.6 98.1,24.9 97.7,24.3 C97.3,23.6 96.6,23.2 95.8,23.2 C95,23.2 94.3,23.6 93.9,24.3 C93.5,24.9 93.3,25.7 93.3,26.5 C93.3,27.4 93.5,28.1 93.9,28.7 C94.3,29.4 95,29.8 95.8,29.8 C96.6,29.8 97.2,29.4 97.7,28.7 C98.1,28.1 98.3,27.3 98.3,26.5 Z"
id="AppleAppStoreShape9"
fill="#FFFFFF"
/>
<path
d="M107.2,23.6 C107,23.6 106.8,23.5 106.5,23.5 C105.8,23.5 105.2,23.8 104.8,24.3 C104.5,24.8 104.3,25.4 104.3,26.1 L104.3,31 L102.2,31 L102.2,24.6 C102.2,23.5 102.2,22.6 102.1,21.7 L103.9,21.7 L104,23.5 L104.1,23.5 C104.3,22.9 104.7,22.4 105.1,22 C105.6,21.7 106.1,21.5 106.6,21.5 C106.8,21.5 107,21.5 107.1,21.5 L107.1,23.6 L107.2,23.6 Z"
id="AppleAppStoreShape10"
fill="#FFFFFF"
/>
<path
d="M116.4,26 C116.4,26.4 116.4,26.7 116.3,26.9 L110.1,26.9 C110.1,27.8 110.4,28.5 111,29 C111.5,29.4 112.2,29.7 113,29.7 C113.9,29.7 114.8,29.6 115.5,29.3 L115.8,30.7 C114.9,31.1 113.9,31.3 112.7,31.3 C111.3,31.3 110.1,30.9 109.3,30 C108.5,29.2 108.1,28 108.1,26.6 C108.1,25.2 108.5,24 109.2,23.1 C110,22.1 111.1,21.6 112.5,21.6 C113.8,21.6 114.9,22.1 115.5,23.1 C116.2,23.9 116.4,24.9 116.4,26 Z M114.5,25.5 C114.5,24.9 114.4,24.4 114.1,23.9 C113.7,23.3 113.2,23 112.5,23 C111.8,23 111.3,23.3 110.9,23.8 C110.6,24.2 110.4,24.8 110.3,25.4 L114.5,25.4 L114.5,25.5 Z"
id="AppleAppStoreShape11"
fill="#FFFFFF"
/>
<path
d="M45.6,10.3 C45.6,11.4 45.3,12.3 44.6,12.9 C44,13.4 43.1,13.7 41.9,13.7 C41.3,13.7 40.8,13.7 40.4,13.6 L40.4,7.4 C40.9,7.3 41.5,7.3 42.2,7.3 C43.3,7.3 44.1,7.5 44.7,8 C45.2,8.5 45.6,9.3 45.6,10.3 Z M44.5,10.3 C44.5,9.6 44.3,9 43.9,8.6 C43.5,8.2 42.9,8 42.2,8 C41.9,8 41.6,8 41.4,8.1 L41.4,12.8 C41.5,12.8 41.8,12.8 42.1,12.8 C42.9,12.8 43.5,12.6 43.9,12.2 C44.3,11.8 44.5,11.1 44.5,10.3 Z"
id="AppleAppStoreShape12"
fill="#FFFFFF"
/>
<path
d="M51.2,11.3 C51.2,12 51,12.6 50.6,13 C50.2,13.5 49.6,13.7 48.9,13.7 C48.2,13.7 47.7,13.5 47.3,13 C46.9,12.6 46.7,12 46.7,11.3 C46.7,10.6 46.9,10 47.3,9.6 C47.7,9.1 48.3,8.9 49,8.9 C49.7,8.9 50.2,9.1 50.6,9.6 C51,10 51.2,10.6 51.2,11.3 Z M50.2,11.3 C50.2,10.9 50.1,10.5 49.9,10.2 C49.7,9.8 49.4,9.7 49,9.7 C48.6,9.7 48.3,9.9 48.1,10.2 C47.9,10.5 47.8,10.9 47.8,11.3 C47.8,11.7 47.9,12.1 48.1,12.4 C48.3,12.8 48.6,12.9 49,12.9 C49.4,12.9 49.7,12.7 49.9,12.3 C50.1,12.1 50.2,11.7 50.2,11.3 Z"
id="AppleAppStoreShape13"
fill="#FFFFFF"
/>
<path
d="M58.9,9 L57.5,13.6 L56.6,13.6 L56,11.6 C55.8,11.1 55.7,10.6 55.6,10.1 L55.6,10.1 C55.5,10.6 55.4,11.1 55.2,11.6 L54.6,13.6 L53.7,13.6 L52.2,9 L53.2,9 L53.7,11.2 C53.8,11.7 53.9,12.2 54,12.7 L54,12.7 C54.1,12.3 54.2,11.8 54.4,11.2 L55,9 L55.8,9 L56.4,11.1 C56.6,11.6 56.7,12.1 56.8,12.6 L56.8,12.6 C56.9,12.1 57,11.6 57.1,11.1 L57.7,9 L58.9,9 Z"
id="AppleAppStoreShape14"
fill="#FFFFFF"
/>
<path
d="M64.1,13.6 L63.1,13.6 L63.1,11 C63.1,10.2 62.8,9.8 62.2,9.8 C61.9,9.8 61.7,9.9 61.5,10.1 C61.3,10.3 61.2,10.6 61.2,10.9 L61.2,13.6 L60.2,13.6 L60.2,10.3 C60.2,9.9 60.2,9.5 60.2,9 L61.1,9 L61.1,9.7 L61.1,9.7 C61.2,9.5 61.4,9.3 61.6,9.1 C61.9,8.9 62.2,8.8 62.5,8.8 C62.9,8.8 63.3,8.9 63.6,9.2 C64,9.5 64.1,10 64.1,10.7 L64.1,13.6 Z"
id="AppleAppStoreShape15"
fill="#FFFFFF"
/>
<polygon
id="AppleAppStoreShape16"
fill="#FFFFFF"
points="66.9 13.6 65.9 13.6 65.9 6.9 66.9 6.9"
/>
<path
d="M72.9,11.3 C72.9,12 72.7,12.6 72.3,13 C71.9,13.5 71.3,13.7 70.6,13.7 C69.9,13.7 69.4,13.5 69,13 C68.6,12.6 68.4,12 68.4,11.3 C68.4,10.6 68.6,10 69,9.6 C69.4,9.2 70,8.9 70.7,8.9 C71.4,8.9 71.9,9.1 72.3,9.6 C72.7,10 72.9,10.6 72.9,11.3 Z M71.9,11.3 C71.9,10.9 71.8,10.5 71.6,10.2 C71.4,9.8 71.1,9.7 70.7,9.7 C70.3,9.7 70,9.9 69.8,10.2 C69.6,10.5 69.5,10.9 69.5,11.3 C69.5,11.7 69.6,12.1 69.8,12.4 C70,12.8 70.3,12.9 70.7,12.9 C71.1,12.9 71.4,12.7 71.6,12.3 C71.8,12.1 71.9,11.7 71.9,11.3 Z"
id="AppleAppStoreShape17"
fill="#FFFFFF"
/>
<path
d="M77.8,13.6 L76.9,13.6 L76.8,13.1 L76.8,13.1 C76.5,13.5 76,13.7 75.5,13.7 C75.1,13.7 74.7,13.6 74.5,13.3 C74.3,13 74.1,12.7 74.1,12.4 C74.1,11.8 74.3,11.4 74.8,11.1 C75.3,10.8 75.9,10.7 76.8,10.7 L76.8,10.6 C76.8,10 76.5,9.7 75.9,9.7 C75.4,9.7 75.1,9.8 74.7,10 L74.5,9.3 C74.9,9 75.4,8.9 76.1,8.9 C77.3,8.9 77.9,9.5 77.9,10.8 L77.9,12.5 C77.8,13 77.8,13.3 77.8,13.6 Z M76.8,12 L76.8,11.3 C75.7,11.3 75.1,11.6 75.1,12.2 C75.1,12.4 75.2,12.6 75.3,12.7 C75.4,12.8 75.6,12.9 75.8,12.9 C76,12.9 76.2,12.8 76.4,12.7 C76.6,12.6 76.7,12.4 76.8,12.2 C76.8,12.2 76.8,12.1 76.8,12 Z"
id="AppleAppStoreShape18"
fill="#FFFFFF"
/>
<path
d="M83.6,13.6 L82.7,13.6 L82.7,12.9 L82.7,12.9 C82.4,13.5 81.9,13.7 81.2,13.7 C80.6,13.7 80.2,13.5 79.8,13.1 C79.4,12.7 79.3,12.1 79.3,11.4 C79.3,10.7 79.5,10.1 79.9,9.6 C80.3,9.2 80.8,9 81.3,9 C81.9,9 82.3,9.2 82.6,9.6 L82.6,9.6 L82.6,7 L83.6,7 L83.6,12.4 C83.6,12.8 83.6,13.2 83.6,13.6 Z M82.6,11.7 L82.6,10.9 C82.6,10.8 82.6,10.7 82.6,10.6 C82.5,10.4 82.4,10.2 82.2,10 C82,9.8 81.8,9.8 81.5,9.8 C81.1,9.8 80.8,10 80.6,10.3 C80.4,10.6 80.3,11 80.3,11.5 C80.3,12 80.4,12.3 80.6,12.6 C80.8,12.9 81.1,13.1 81.5,13.1 C81.8,13.1 82.1,13 82.3,12.7 C82.5,12.3 82.6,12 82.6,11.7 Z"
id="AppleAppStoreShape19"
fill="#FFFFFF"
/>
<path
d="M92.3,11.3 C92.3,12 92.1,12.6 91.7,13 C91.3,13.5 90.7,13.7 90,13.7 C89.3,13.7 88.8,13.5 88.4,13 C88,12.6 87.8,12 87.8,11.3 C87.8,10.6 88,10 88.4,9.6 C88.8,9.1 89.4,8.9 90.1,8.9 C90.8,8.9 91.3,9.1 91.7,9.6 C92.1,10 92.3,10.6 92.3,11.3 Z M91.2,11.3 C91.2,10.9 91.1,10.5 90.9,10.2 C90.7,9.8 90.4,9.7 90,9.7 C89.6,9.7 89.3,9.9 89.1,10.2 C88.9,10.5 88.8,10.9 88.8,11.3 C88.8,11.7 88.9,12.1 89.1,12.4 C89.3,12.8 89.6,12.9 90,12.9 C90.4,12.9 90.7,12.7 90.9,12.3 C91.1,12.1 91.2,11.7 91.2,11.3 Z"
id="AppleAppStoreShape20"
fill="#FFFFFF"
/>
<path
d="M97.8,13.6 L96.8,13.6 L96.8,11 C96.8,10.2 96.5,9.8 95.9,9.8 C95.6,9.8 95.4,9.9 95.2,10.1 C95,10.3 94.9,10.6 94.9,10.9 L94.9,13.6 L93.9,13.6 L93.9,10.3 C93.9,9.9 93.9,9.5 93.9,9 L94.8,9 L94.8,9.7 L94.8,9.7 C94.9,9.5 95.1,9.3 95.3,9.1 C95.6,8.9 95.9,8.8 96.2,8.8 C96.6,8.8 97,8.9 97.3,9.2 C97.7,9.5 97.8,10 97.8,10.7 L97.8,13.6 Z"
id="AppleAppStoreShape21"
fill="#FFFFFF"
/>
<path
d="M104.6,9.8 L103.5,9.8 L103.5,12 C103.5,12.6 103.7,12.8 104.1,12.8 C104.3,12.8 104.4,12.8 104.6,12.8 L104.6,13.6 C104.4,13.7 104.1,13.7 103.8,13.7 C103.4,13.7 103.1,13.6 102.9,13.3 C102.7,13.1 102.6,12.6 102.6,12.1 L102.6,9.8 L101.9,9.8 L101.9,9 L102.6,9 L102.6,8.2 L103.6,7.9 L103.6,9 L104.7,9 L104.7,9.8 L104.6,9.8 Z"
id="AppleAppStoreShape22"
fill="#FFFFFF"
/>
<path
d="M110,13.6 L109,13.6 L109,11 C109,10.2 108.7,9.8 108.1,9.8 C107.6,9.8 107.3,10 107.1,10.5 C107.1,10.6 107.1,10.7 107.1,10.9 L107.1,13.6 L106.1,13.6 L106.1,6.9 L107.1,6.9 L107.1,9.7 L107.1,9.7 C107.4,9.2 107.9,8.9 108.5,8.9 C108.9,8.9 109.3,9 109.5,9.3 C109.8,9.6 110,10.2 110,10.8 L110,13.6 Z"
id="AppleAppStoreShape23"
fill="#FFFFFF"
/>
<path
d="M115.5,11.1 C115.5,11.3 115.5,11.4 115.5,11.6 L112.5,11.6 C112.5,12.1 112.7,12.4 112.9,12.6 C113.2,12.8 113.5,12.9 113.9,12.9 C114.4,12.9 114.8,12.8 115.1,12.7 L115.3,13.4 C114.9,13.6 114.4,13.7 113.8,13.7 C113.1,13.7 112.5,13.5 112.1,13.1 C111.7,12.7 111.5,12.1 111.5,11.4 C111.5,10.7 111.7,10.1 112.1,9.7 C112.5,9.2 113,9 113.7,9 C114.4,9 114.9,9.2 115.2,9.7 C115.4,10 115.5,10.5 115.5,11.1 Z M114.6,10.8 C114.6,10.5 114.5,10.2 114.4,10 C114.2,9.7 114,9.6 113.6,9.6 C113.3,9.6 113,9.7 112.8,10 C112.6,10.2 112.5,10.5 112.5,10.8 L114.6,10.8 Z"
id="AppleAppStoreShape24"
fill="#FFFFFF"
/>
</g>
</g>
</g>
</svg>
);
export const GooglePlayStore = () => (
<svg width="129px" height="41px" viewBox="0 0 129 41">
<defs>
<linearGradient
x1="29.5315068%"
y1="-6.0957265%"
x2="55.0940639%"
y2="92.1559829%"
id="linearGradient-1"
>
<stop stopColor="#006884" offset="0%" />
<stop stopColor="#8AD1D0" offset="100%" />
</linearGradient>
<linearGradient
x1="-7.52792208%"
y1="15.7589744%"
x2="91.537013%"
y2="86.2504274%"
id="linearGradient-2"
>
<stop stopColor="#24BBB6" offset="0%" />
<stop stopColor="#DBE692" offset="100%" />
</linearGradient>
<linearGradient
x1="49.9404255%"
y1="105.754795%"
x2="49.9404255%"
y2="-3.12739726%"
id="linearGradient-3"
>
<stop stopColor="#FCC072" offset="0%" />
<stop stopColor="#F58A5B" offset="100%" />
</linearGradient>
<linearGradient
x1="11.1493421%"
y1="117.837069%"
x2="90.4368421%"
y2="12.1025862%"
id="linearGradient-4"
>
<stop stopColor="#712B8F" offset="0%" />
<stop stopColor="#EA1D27" offset="100%" />
</linearGradient>
</defs>
<g
id="Log-In-Modal"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="Login-Modal-Button"
transform="translate(-308.000000, -318.000000)"
>
<g id="google-play-badge" transform="translate(308.000000, 318.000000)">
<path
d="M124.5,40.5 L4.5,40.5 C2.3,40.5 0.5,38.7 0.5,36.5 L0.5,4.5 C0.5,2.3 2.3,0.5 4.5,0.5 L124.5,0.5 C126.7,0.5 128.5,2.3 128.5,4.5 L128.5,36.5 C128.5,38.7 126.7,40.5 124.5,40.5 Z"
id="GooglePlayStoreShape1"
fill="#000000"
fillRule="nonzero"
/>
<path
d="M10.3,20.1 L10.3,9.6 C10.3,9 10.8,8.5 11.3,8.5 C11.8,8.5 12,8.6 12.3,8.8 L31.6,19.4 C32,19.6 32.2,19.9 32.2,20.2 C32.2,20.5 32,20.8 31.6,21 L12.3,31.6 C12.1,31.7 11.8,31.9 11.3,31.9 C10.8,31.9 10.3,31.4 10.3,30.8 L10.3,20.1 Z"
id="GooglePlayStoreShape2"
fill="url(#linearGradient-1)"
/>
<path
d="M22.8,20.2 L11.1,8.5 C11.2,8.5 11.2,8.5 11.3,8.5 C11.8,8.5 12,8.6 12.3,8.8 L26.5,16.6 L22.8,20.2 Z"
id="GooglePlayStoreShape3"
fill="url(#linearGradient-2)"
/>
<path
d="M26.4,23.7 L22.8,20.1 L26.5,16.4 L31.6,19.2 C32,19.4 32.2,19.7 32.2,20 C32.2,20.3 32,20.6 31.6,20.8 L26.4,23.7 Z"
id="GooglePlayStoreShape4"
fill="url(#linearGradient-3)"
/>
<path
d="M11.2,31.7 L11.2,31.7 L22.8,20.1 L26.4,23.7 L12.3,31.4 C12,31.6 11.8,31.7 11.2,31.7 C11.3,31.7 11.3,31.7 11.2,31.7 Z"
id="GooglePlayStoreShape5"
fill="url(#linearGradient-4)"
/>
<path
d="M71.6,34.4 C71.1,34 70.7,33.3 70.5,32.9 L72.1,32.2 C72.2,32.4 72.4,32.7 72.6,33 C73,33.4 73.6,33.8 74.2,33.8 C74.8,33.8 75.5,33.5 75.9,33 C76.2,32.5 76.4,32 76.4,31.3 L76.4,30.7 C75.2,32.2 72.7,32 71.3,30.4 C69.8,28.8 69.8,26.1 71.3,24.5 C72.8,23 75,22.8 76.3,24.2 C76.3,24.2 76.3,24.2 76.3,24.2 L76.3,23.5 L78,23.5 L78,31 C78,32.9 77.3,34 76.4,34.7 C75.8,35.2 74.9,35.4 74.1,35.4 C73.2,35.3 72.3,35 71.6,34.4 L71.6,34.4 Z M113.5,34.8 L113.5,34.8 L115.2,30.8 L112.2,23.9 L113.9,23.9 L116,28.8 L118.1,23.9 L119.8,23.9 L115.2,34.8 L113.5,34.8 L113.5,34.8 Z M105.4,31 L105.4,31 C104.9,30.5 104.7,29.8 104.7,29.1 C104.7,28.5 104.9,27.9 105.3,27.5 C106,26.8 107,26.5 108.1,26.5 C108.8,26.5 109.4,26.6 109.9,26.9 C109.9,25.7 108.9,25.2 108.1,25.2 C107.4,25.2 106.7,25.6 106.4,26.3 L104.9,25.7 C105.2,25 106,23.7 108,23.7 C109,23.7 110,24 110.6,24.7 C111.2,25.4 111.4,26.2 111.4,27.3 L111.4,31.5 L109.7,31.5 L109.7,30.8 C109.5,31.1 109.1,31.3 108.8,31.5 C108.4,31.7 107.9,31.8 107.4,31.8 C106.8,31.7 105.9,31.5 105.4,31 L105.4,31 Z M52.1,27.4 L52.1,27.4 C52.1,25.4 53.6,23.2 56.3,23.2 C58.9,23.2 60.5,25.4 60.5,27.4 C60.5,29.4 59,31.6 56.3,31.6 C53.6,31.6 52.1,29.4 52.1,27.4 L52.1,27.4 Z M61.1,27.4 L61.1,27.4 C61.1,25.4 62.6,23.2 65.3,23.2 C67.9,23.2 69.5,25.4 69.5,27.4 C69.5,29.4 68,31.6 65.3,31.6 C62.7,31.6 61.1,29.4 61.1,27.4 L61.1,27.4 Z M40.8,29.6 L40.8,29.6 C38.3,27.1 38.4,23 40.9,20.4 C42.2,19.1 43.8,18.5 45.5,18.5 C47.1,18.5 48.7,19.1 49.9,20.3 L48.7,21.6 C46.9,19.8 44,19.9 42.3,21.7 C40.5,23.6 40.5,26.5 42.3,28.4 C44.1,30.3 47.1,30.4 48.9,28.5 C49.5,27.9 49.7,27.1 49.8,26.3 L45.6,26.3 L45.6,24.5 L51.5,24.5 C51.6,24.9 51.6,25.4 51.6,25.9 C51.6,27.4 51,28.9 50,29.9 C48.9,31 47.3,31.6 45.7,31.6 C43.9,31.5 42.1,30.9 40.8,29.6 L40.8,29.6 Z M83.1,30.3 L83.1,30.3 C81.6,28.7 81.6,26 83.1,24.3 C84.6,22.7 87.1,22.7 88.5,24.3 C89,24.8 89.3,25.5 89.6,26.2 L84.1,28.5 C84.4,29.2 85.1,29.8 86.1,29.8 C87,29.8 87.6,29.5 88.2,28.6 L89.7,29.6 L89.7,29.6 C89.5,29.8 89.3,30 89.2,30.2 C87.5,31.9 84.6,31.9 83.1,30.3 L83.1,30.3 Z M93.5,31.5 L93.5,31.5 L93.5,20.4 L97.1,20.4 C99.2,20.4 100.9,21.9 100.9,23.7 C100.9,25.5 99.4,27 97.5,27 L95.3,27 L95.3,31.4 L93.5,31.4 L93.5,31.5 Z M101.9,31.5 L101.9,31.5 L101.9,20.4 L103.6,20.4 L103.6,31.5 L101.9,31.5 L101.9,31.5 Z M79.3,31.3 L79.3,31.3 L79.3,18.9 L81.1,18.9 L81.1,31.3 L79.3,31.3 L79.3,31.3 Z M109.8,28.2 L109.8,28.2 C109.4,27.9 108.8,27.8 108.2,27.8 C107,27.8 106.3,28.4 106.3,29.1 C106.3,29.8 107,30.2 107.7,30.2 C108.7,30.2 109.8,29.4 109.8,28.2 L109.8,28.2 Z M58.6,27.4 L58.6,27.4 C58.6,26.2 57.8,24.9 56.3,24.9 C54.8,24.9 54,26.2 54,27.4 C54,28.6 54.8,29.9 56.3,29.9 C57.7,29.9 58.6,28.6 58.6,27.4 L58.6,27.4 Z M67.6,27.4 L67.6,27.4 C67.6,26.2 66.8,24.9 65.3,24.9 C63.8,24.9 63,26.2 63,27.4 C63,28.6 63.8,29.9 65.3,29.9 C66.8,29.9 67.6,28.6 67.6,27.4 L67.6,27.4 Z M76.5,28.1 L76.5,28.1 C76.5,28 76.5,27.9 76.6,27.8 C76.6,27.8 76.6,27.8 76.6,27.8 C76.6,27.7 76.6,27.5 76.6,27.4 C76.6,27.3 76.6,27.1 76.6,27 C76.6,27 76.6,26.9 76.6,26.9 C76.6,26.8 76.5,26.6 76.5,26.5 C76.2,25.5 75.3,24.8 74.4,24.8 C73.2,24.8 72.2,26 72.2,27.3 C72.2,28.7 73.2,29.8 74.5,29.8 C75.3,29.9 76.1,29.2 76.5,28.1 L76.5,28.1 Z M83.8,27.2 L83.8,27.2 L87.5,25.6 C87.1,24.9 86.5,24.7 86,24.7 C84.5,24.8 83.6,26.4 83.8,27.2 L83.8,27.2 Z M99.1,23.8 L99.1,23.8 C99.1,22.8 98.3,22.1 97.2,22.1 L95.2,22.1 L95.2,25.6 L97.3,25.6 C98.3,25.6 99.1,24.8 99.1,23.8 Z"
id="GooglePlayStoreShape6"
fill="#FFFFFF"
/>
<polygon
id="GooglePlayStoreShape7"
fill="#FFFFFF"
points="114.8 32.8 114.8 32.8 114.7 32.8 114.7 32.8 114.7 32.7 114.7 32.7 114.8 32.7 114.8 32.7 114.7 32.7 114.7 32.7 114.7 32.8 114.7 32.8"
/>
<path
d="M114.8,32.8 L114.8,32.8 C114.8,32.7 114.8,32.7 114.8,32.8 L114.8,32.8 C114.8,32.7 114.8,32.7 114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 Z"
id="GooglePlayStoreShape8"
fill="#FFFFFF"
/>
<polygon
id="GooglePlayStoreShape9"
fill="#FFFFFF"
points="114.8 32.8 114.8 32.8 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.8"
/>
<polygon
id="GooglePlayStoreShape10"
fill="#FFFFFF"
points="114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.8 114.8 32.8 114.8 32.7"
/>
<polygon
id="GooglePlayStoreShape11"
fill="#FFFFFF"
points="114.8 32.8 114.8 32.8 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.7 114.8 32.8"
/>
<path
d="M114.8,32.8 L114.8,32.8 C114.8,32.7 114.8,32.7 114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 C114.8,32.8 114.8,32.8 114.8,32.8 L114.8,32.8 Z M114.8,32.8 L114.8,32.8 C114.8,32.8 114.8,32.8 114.8,32.8 L114.8,32.8 L114.8,32.8 L114.8,32.8 C114.8,32.7 114.8,32.7 114.8,32.8 L114.8,32.8 Z"
id="GooglePlayStoreShape12"
fill="#FFFFFF"
/>
<path
d="M114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 L114.9,32.8 L114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 L114.9,32.8 Z M114.9,32.8 L114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 L114.9,32.8 L114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 Z"
id="GooglePlayStoreShape13"
fill="#FFFFFF"
/>
<polygon
id="GooglePlayStoreShape14"
fill="#FFFFFF"
points="114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.7 114.9 32.8 114.9 32.8"
/>
<polygon
id="GooglePlayStoreShape15"
fill="#FFFFFF"
points="114.9 32.8 114.9 32.8 114.9 32.7 114.9 32.7 114.9 32.8"
/>
<path
d="M114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 L114.9,32.8 Z M114.9,32.7 L114.9,32.7 C114.9,32.8 114.9,32.8 114.9,32.7 C114.9,32.8 114.9,32.8 114.9,32.7 L114.9,32.7 C114.9,32.7 114.9,32.7 114.9,32.7 C114.9,32.7 114.9,32.7 114.9,32.7 L114.9,32.7 Z"
id="GooglePlayStoreShape16"
fill="#FFFFFF"
/>
<path
d="M114.9,32.8 L114.9,32.8 L114.9,32.8 L114.9,32.8 L114.9,32.8 L114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 C114.9,32.7 114.9,32.7 114.9,32.8 L114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 C114.9,32.8 114.9,32.8 114.9,32.8 L114.9,32.8 Z"
id="GooglePlayStoreShape17"
fill="#FFFFFF"
/>
<path
d="M115,32.8 L115,32.8 C115,32.7 115,32.7 115,32.8 C114.9,32.7 114.9,32.7 115,32.8 L115,32.8 C114.9,32.8 114.9,32.8 115,32.8 C115,32.8 115,32.8 115,32.8 L115,32.8 Z M115,32.7 L115,32.7 C115,32.8 115,32.8 115,32.7 C115,32.8 114.9,32.8 115,32.7 L115,32.7 C114.9,32.7 115,32.7 115,32.7 C115,32.7 115,32.7 115,32.7 L115,32.7 Z"
id="GooglePlayStoreShape18"
fill="#FFFFFF"
/>
<polygon
id="GooglePlayStoreShape19"
fill="#FFFFFF"
points="115 32.8 115 32.7 115 32.7 115 32.7 115 32.7 115 32.7 115 32.8 115 32.8 115 32.7 115 32.7 115 32.8 115 32.8 115 32.7 115 32.7"
/>
<path
d="M115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 L115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.7 115,32.7 115,32.8 C115,32.8 115,32.8 115,32.8 C115,32.8 115,32.8 115,32.8 L115,32.8 C115,32.8 115,32.8 115,32.8 C115,32.8 115,32.8 115,32.8 Z"
id="GooglePlayStoreShape20"
fill="#FFFFFF"
/>
<polygon
id="GooglePlayStoreShape21"
fill="#FFFFFF"
points="115.1 32.7 115 32.7 115 32.7 115.1 32.7 115.1 32.8 115.1 32.8 115.1 32.7"
/>
<polygon
id="GooglePlayStoreShape22"
fill="#FFFFFF"
points="115.1 32.8 115.1 32.8 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.7 115.1 32.8"
/>
<path
d="M115.1,32.8 L115.1,32.8 C115.1,32.7 115.1,32.7 115.1,32.8 L115.1,32.8 C115.1,32.7 115.1,32.7 115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 L115.1,32.8 Z"
id="GooglePlayStoreShape23"
fill="#FFFFFF"
/>
<path
d="M39.4,10.6 C39.4,8.8 40.7,7.7 42.3,7.7 C43.4,7.7 44.1,8.2 44.6,8.9 L43.8,9.4 C43.5,9 43,8.7 42.3,8.7 C41.2,8.7 40.4,9.5 40.4,10.7 C40.4,11.9 41.2,12.7 42.3,12.7 C42.9,12.7 43.4,12.4 43.6,12.2 L43.6,11.3 L42,11.3 L42,10.4 L44.7,10.4 L44.7,12.5 C44.2,13.1 43.4,13.5 42.4,13.5 C40.7,13.5 39.4,12.3 39.4,10.6 Z"
id="GooglePlayStoreShape24"
fill="#FFFFFF"
fillRule="nonzero"
/>
<polygon
id="GooglePlayStoreShape25"
fill="#FFFFFF"
fillRule="nonzero"
points="45.9 13.4 45.9 7.8 49.7 7.8 49.7 8.7 46.8 8.7 46.8 10.1 49.6 10.1 49.6 11 46.8 11 46.8 12.6 49.7 12.6 49.7 13.5"
/>
<polygon
id="GooglePlayStoreShape26"
fill="#FFFFFF"
fillRule="nonzero"
points="52.5 13.4 52.5 8.7 50.8 8.7 50.8 7.8 55.2 7.8 55.2 8.7 53.5 8.7 53.5 13.4"
/>
<path
d="M58.6,13.4 L58.6,7.8 L59.6,7.8 L59.6,13.4 C59.6,13.4 58.6,13.4 58.6,13.4 Z"
id="GooglePlayStoreShape27"
fill="#FFFFFF"
fillRule="nonzero"
/>
<polygon
id="GooglePlayStoreShape28"
fill="#FFFFFF"
fillRule="nonzero"
points="62.3 13.4 62.3 8.7 60.6 8.7 60.6 7.8 65 7.8 65 8.7 63.3 8.7 63.3 13.4"
/>
<path
d="M68.2,10.6 C68.2,8.9 69.4,7.7 71.1,7.7 C72.8,7.7 74,8.9 74,10.6 C74,12.3 72.8,13.5 71.1,13.5 C69.4,13.5 68.2,12.2 68.2,10.6 Z M72.9,10.6 C72.9,9.4 72.2,8.6 71,8.6 C69.9,8.6 69.1,9.5 69.1,10.6 C69.1,11.8 69.8,12.6 71,12.6 C72.2,12.6 72.9,11.7 72.9,10.6 Z"
id="GooglePlayStoreShape29"
fill="#FFFFFF"
fillRule="nonzero"
/>
<polygon
id="GooglePlayStoreShape30"
fill="#FFFFFF"
fillRule="nonzero"
points="79 13.4 76.1 9.4 76.1 13.4 75.1 13.4 75.1 7.8 76.1 7.8 79 11.7 79 7.8 80 7.8 80 13.4"
/>
</g>
</g>
</g>
</svg>
);
export const Participate = (
<svg width="32px" height="34px" viewBox="0 0 32 34">
<defs />
<g
id="Reporting_1228"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="Reporting_TokenBuy_Pop-up"
transform="translate(-1261.000000, -163.000000)"
stroke="#FFFFFF"
>
<g id="Participate-Icon" transform="translate(1262.000000, 164.000000)">
<path
d="M24.9113288,32 C24.9694022,31.6058031 25,31.2029362 25,30.7937113 C25,25.9373447 20.7469024,22 15.4996878,22 C10.2530976,22 6,25.9373447 6,30.7937113 C6,31.1879082 6.02810004,31.5757471 6.08242679,31.9560719"
id="Stroke-4"
/>
<path
d="M0.357142857,32 L29.6428571,32"
id="Line"
strokeLinecap="round"
/>
<g
id="Group-2"
transform="translate(8.500000, 0.000000)"
strokeLinecap="round"
>
<polyline
id="Stroke-8"
strokeLinejoin="round"
points="0 10.625 6.42662749 17 13 10.625"
/>
<path d="M6.5,16.1019345 L6.5,0.164434524" id="Line-Copy" />
</g>
</g>
</g>
</g>
</svg>
);
export const SigningPen = (
<svg width="24px" height="24px" viewBox="0 0 24 24">
<defs />
<g
id="Symbols"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
strokeLinejoin="round"
>
<g id="Icon/Edit-White" fillRule="nonzero" stroke="#FFFFFF">
<path
d="M1,18.4173032 L1,23 L5.58269685,23 L18.2857143,10.4285714 L13.7030174,5.84587458 L1,18.4173032 Z M22.6425496,5.9401472 C23.1191501,5.46354673 23.1191501,4.69365366 22.6425496,4.21705319 L19.7829468,1.35745035 C19.3063463,0.880849882 18.5364533,0.880849882 18.0598528,1.35745035 L15.8234967,3.59380642 L20.4061936,8.17650326 L22.6425496,5.9401472 Z"
id="Shape"
/>
</g>
</g>
</svg>
);
export const showMore = (
<svg width="14px" height="14px" viewBox="0 0 14 14">
<defs />
<g
id="Reporting:-Dispute"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g id="Reporting_Dispute" transform="translate(-297.000000, -247.000000)">
<g
id="Reporting/Header:-Dispute"
transform="translate(73.000000, 40.000000)"
>
<g id="Group-7" transform="translate(39.000000, 166.000000)">
<g id="show-more" transform="translate(186.000000, 42.000000)">
<circle id="Oval" stroke="#A7A2B2" cx="6" cy="6" r="6" />
<circle
id="Oval-2"
fill="#A7A2B2"
fillRule="nonzero"
cx="3"
cy="6"
r="1"
/>
<circle
id="Oval-3"
fill="#A7A2B2"
fillRule="nonzero"
cx="6"
cy="6"
r="1"
/>
<circle
id="Oval-4"
fill="#A7A2B2"
fillRule="nonzero"
cx="9"
cy="6"
r="1"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const errorIcon = (
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
<defs />
<g id="Design" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Error-Message" transform="translate(-24.000000, -607.000000)">
<g id="error" transform="translate(24.000000, 607.000000)">
<g id="Icon/Error">
<g>
<circle id="Oval" fill="#FF0050" cx="8" cy="8" r="8" />
<path
d="M8.87821659,10.1462941 L6.93119318,10.1462941 L6.62451916,3.05 L9.1848906,3.05 L8.87821659,10.1462941 Z M6.55319962,12.3571998 C6.55319962,12.005355 6.68038486,11.7165137 6.93475916,11.4906674 C7.18913345,11.2648211 7.50650222,11.1518996 7.886875,11.1518996 C8.26724777,11.1518996 8.58461655,11.2648211 8.83899084,11.4906674 C9.09336513,11.7165137 9.22055037,12.005355 9.22055037,12.3571998 C9.22055037,12.7090446 9.09336513,12.9978859 8.83899084,13.2237322 C8.58461655,13.4495785 8.26724777,13.5625 7.886875,13.5625 C7.50650222,13.5625 7.18913345,13.4495785 6.93475916,13.2237322 C6.68038486,12.9978859 6.55319962,12.7090446 6.55319962,12.3571998 Z"
id="!"
fill="#FFFFFF"
transform="translate(7.886875, 8.306250) scale(-1, 1) translate(-7.886875, -8.306250) "
/>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const prevIcon = (
<svg
width="7px"
height="11px"
viewBox="0 0 7 11"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="hardWareWalletDisconnectedAddressesLoadedHover"
transform="translate(-24.000000, -406.000000)"
fill="#FFFFFF"
fillRule="nonzero"
>
<g id="dropdown" transform="translate(-1.000000, 72.000000)">
<g id="derivationPath" transform="translate(0.000000, 152.000000)">
<g id="previous" transform="translate(25.000000, 179.000000)">
<polygon
id="TrianglePrevious"
transform="translate(3.333333, 8.083333) rotate(-90.000000) translate(-3.333333, -8.083333) "
points="3.33333333 4.75 8.33333333 11.4166667 -1.66666667 11.4166667"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const nextIcon = (
<svg
width="7px"
height="11px"
viewBox="0 0 7 11"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<defs />
<g
id="Create/Connect-Account"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="hardWareWalletDisconnectedAddressesLoadedHover"
transform="translate(-156.000000, -406.000000)"
fill="#FFFFFF"
fillRule="nonzero"
>
<g id="dropdown" transform="translate(-1.000000, 72.000000)">
<g id="derivationPath" transform="translate(0.000000, 152.000000)">
<g id="next" transform="translate(119.000000, 179.000000)">
<polygon
id="TriangleNext"
transform="translate(41.333333, 8.083333) scale(-1, 1) rotate(-90.000000) translate(-41.333333, -8.083333) "
points="41.3333333 4.75 46.3333333 11.4166667 36.3333333 11.4166667"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const yellowAlertIcon = (
<svg viewBox="0 0 23 23">
<g
id="Core-Stats-Bar"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="gasPriceModuleToHigh"
transform="translate(-593.000000, -398.000000)"
>
<g id="gasPrice" transform="translate(570.000000, 311.000000)">
<g id="Group-9" transform="translate(24.000000, 84.000000)">
<g id="alert" transform="translate(0.000000, 4.000000)">
<path
d="M9.66956376,0.449701198 C9.97324687,-0.149900399 10.7324546,-0.149900399 11.035275,0.449701198 L15.8174213,9.90270077 L20.5987048,19.3548376 C20.9023879,19.9553019 20.522784,20.7058824 19.9154178,20.7058824 L10.3528508,20.7058824 L0.790283701,20.7058824 C0.182054742,20.7058824 -0.19668641,19.9553019 0.106996701,19.3548376 L4.88828023,9.90270077 L9.66956376,0.449701198 Z"
id="Stroke-1"
stroke="#FFD500"
/>
<text
id="!"
fontFamily="Roboto-Bold, Roboto"
fontSize="13"
fontWeight="bold"
fill="#FFD500"
>
<tspan x="8.41176471" y="17.0882353">
!
</tspan>
</text>
</g>
</g>
</g>
</g>
</g>
</svg>
);
export const logoutIcon = (
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
viewBox="0 0 18 18"
>
<g fill="#FFF" fillRule="nonzero">
<path d="M14.16 10.123H5.624a1.125 1.125 0 0 1 0-2.25h8.534l-1.454-1.455a1.125 1.125 0 0 1 1.59-1.59l3.375 3.374a1.125 1.125 0 0 1 0 1.591l-3.375 3.375a1.125 1.125 0 1 1-1.59-1.59l1.454-1.455z" />
<path d="M9 15.5v-2a1 1 0 0 1 2 0v4H0V0h11v4a1 1 0 0 1-2 0V2H2v13.5h7z" />
</g>
</svg>
);
export const Info = (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="8" cy="8" r="8" fill="#372E4B" />
<path
d="M5.77777 5.60245H8.65798V10.4045H10.4965V11.2379H5.77777V10.4045H7.69444V6.44099H5.77777V5.60245ZM7.56944 4.12328C7.56944 3.96356 7.61631 3.82988 7.71006 3.72224C7.80728 3.61113 7.95312 3.55557 8.14756 3.55557C8.33853 3.55557 8.48263 3.61113 8.57985 3.72224C8.67708 3.82988 8.72569 3.96356 8.72569 4.12328C8.72569 4.27953 8.67708 4.40974 8.57985 4.51391C8.48263 4.61807 8.33853 4.67016 8.14756 4.67016C7.95312 4.67016 7.80728 4.61807 7.71006 4.51391C7.61631 4.40974 7.56944 4.27953 7.56944 4.12328Z"
fill="white"
/>
</svg>
);
export const downArrow = (
<svg viewBox="0 0 17 18" fill="none">
<path d="M14.5208 7.15686L8.15685 13.5208L1.79289 7.15686" />
</svg>
);