forked from canada-ca/tracker
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathIcons.js
More file actions
170 lines (161 loc) · 10.7 KB
/
Icons.js
File metadata and controls
170 lines (161 loc) · 10.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
import React from 'react'
import { createIcon } from '@chakra-ui/react'
export const HttpsIcon = createIcon({
displayName: 'HttpsIcon',
viewBox: '0 0 122.88 80.4',
path: (
<g>
<path
d="M24.52 0h73.84c1.4 0 2.69.58 3.62 1.51l.01.01.01.01c.93.94 1.51 2.22 1.51 3.62v10.49h11.48c2.18 0 4.15.89 5.57 2.32a7.886 7.886 0 012.32 5.58v33.32c0 2.16-.89 4.14-2.32 5.57-.11.11-.22.21-.34.3-1.4 1.25-3.24 2.02-5.23 2.02h-11.48v10.49c0 1.42-.58 2.71-1.51 3.64-.93.93-2.22 1.51-3.63 1.51H24.52c-1.4 0-2.69-.57-3.63-1.51l-.01-.01-.01-.01-.01-.01a5.146 5.146 0 01-1.51-3.62V64.75H7.89c-2.16 0-4.14-.89-5.58-2.32A7.86 7.86 0 010 56.86V23.54c0-2.18.89-4.15 2.31-5.58.11-.11.22-.21.34-.31a7.836 7.836 0 015.24-2.01h11.47V5.14c.01-1.42.59-2.7 1.52-3.64l.18-.15A5.11 5.11 0 0124.52 0zm74.34 64.75H24.03v10.48c0 .14.05.26.14.35l.01.01c.09.09.21.14.35.14h73.84c.13 0 .25-.05.35-.15a.49.49 0 00.15-.35V64.75h-.01z"
fillRule="evenodd"
clipRule="evenodd"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
fill="primary"
d="M7.89 19.92h107.09c1.99 0 3.62 1.65 3.62 3.62v33.32c0 1.97-1.65 3.62-3.62 3.62H7.89c-1.97 0-3.62-1.63-3.62-3.62V23.54c0-2 1.63-3.62 3.62-3.62zM24.12 64.75H98.8c.05 0 .09.04.09.09v10.39c0 .27-.22.49-.49.49H24.52a.49.49 0 01-.49-.49V64.84c0-.05.04-.09.09-.09zM30.24 6.61c1.83 0 3.32 1.49 3.32 3.32s-1.49 3.32-3.32 3.32c-1.83 0-3.31-1.49-3.31-3.32s1.48-3.32 3.31-3.32zM41.96 6.61c1.83 0 3.32 1.49 3.32 3.32s-1.49 3.32-3.32 3.32c-1.83 0-3.31-1.49-3.31-3.32s1.48-3.32 3.31-3.32zM53.69 6.61C55.52 6.61 57 8.1 57 9.93s-1.49 3.32-3.32 3.32-3.32-1.49-3.32-3.32 1.5-3.32 3.33-3.32z"
/>
<path
fill="white"
d="M9.88 28.71h5.73v7.58c.78-.81 1.55-1.39 2.32-1.74.76-.35 1.67-.52 2.72-.52 1.55 0 2.78.48 3.67 1.42.89.95 1.34 2.4 1.34 4.36v9.49h-5.75v-8.2c0-.94-.17-1.6-.52-1.99-.35-.39-.83-.58-1.45-.58-.69 0-1.25.26-1.67.79-.43.53-.64 1.47-.64 2.83v7.17H9.88V28.71zm25.34 0v5.67h3.14v4.2h-3.14v5.28c0 .63.06 1.06.18 1.26.18.31.52.47.99.47.42 0 1.01-.12 1.77-.37l.42 3.96c-1.41.31-2.73.47-3.96.47-1.42 0-2.48-.19-3.15-.55-.67-.36-1.18-.92-1.5-1.66-.32-.74-.48-1.95-.48-3.62v-5.25h-2.1v-4.2h2.1v-2.74l5.73-2.92zm12.77 0v5.67h3.14v4.2h-3.14v5.28c0 .63.06 1.06.18 1.26.18.31.52.47.99.47.42 0 1.01-.12 1.77-.37l.42 3.96c-1.41.31-2.73.47-3.96.47-1.42 0-2.48-.19-3.15-.55-.67-.36-1.18-.92-1.5-1.66-.32-.74-.48-1.95-.48-3.62v-5.25h-2.1v-4.2h2.1v-2.74l5.73-2.92zm5.33 26.27v-20.6h5.36v2.2c.74-.93 1.43-1.56 2.04-1.88a5.93 5.93 0 012.77-.66c1.99 0 3.54.77 4.63 2.29 1.09 1.52 1.64 3.42 1.64 5.67 0 2.49-.6 4.39-1.79 5.7-1.18 1.3-2.69 1.96-4.51 1.96-.88 0-1.69-.15-2.41-.45-.72-.29-1.38-.74-1.95-1.33v7.1h-5.78zm5.74-13.09c0 1.19.25 2.07.74 2.64.49.57 1.12.86 1.88.86.66 0 1.22-.28 1.67-.83.44-.54.67-1.48.67-2.8 0-1.22-.24-2.12-.7-2.68-.46-.57-1.04-.85-1.71-.85-.73 0-1.34.29-1.82.86-.48.58-.73 1.51-.73 2.8zm11.99 3.28l5.67-.52c.23.67.56 1.15.98 1.44s.98.43 1.69.43c.77 0 1.37-.18 1.79-.49.32-.24.49-.55.49-.91 0-.41-.22-.74-.65-.96-.3-.15-1.13-.36-2.46-.59-1.98-.34-3.37-.68-4.14-.96-.76-.29-1.43-.8-1.95-1.49-.52-.7-.79-1.51-.79-2.41 0-.98.29-1.84.85-2.54.56-.71 1.36-1.25 2.36-1.6 1-.35 2.35-.53 4.03-.53 1.78 0 3.1.14 3.93.41.84.27 1.56.7 2.12 1.27.56.57 1.04 1.35 1.41 2.33l-5.41.52c-.14-.47-.38-.83-.7-1.05-.44-.29-.99-.45-1.63-.45-.64 0-1.12.12-1.4.35s-.44.51-.44.83c0 .37.2.65.56.83.36.18 1.19.37 2.44.51 1.9.21 3.32.52 4.24.9.92.38 1.64.94 2.12 1.65.49.71.74 1.5.74 2.35 0 .86-.27 1.71-.78 2.52s-1.35 1.47-2.46 1.95-2.64.72-4.57.72c-2.72 0-4.67-.4-5.82-1.17-1.14-.8-1.89-1.91-2.22-3.34zM89.1 34.38h6.1v5.73h-6.1v-5.73zm0 9.21h6.1v5.72h-6.1v-5.72zm13.02-15.22h2.89l-5.19 21.29h-2.89l5.19-21.29zm7.99 0H113l-5.19 21.29h-2.89l5.19-21.29z"
/>
</g>
),
})
export const PersonIcon = createIcon({
displayName: 'PersonIcon',
viewBox: '0 0 64 64',
// path can also be an array of elements, if you have multiple paths, lines, shapes, etc.
path: (
<path
d="M43.905 45.543c-3.821-1.66-5.217-4.242-5.643-6.469 2.752-2.215 4.943-5.756 6.148-9.573 1.239-1.579 1.96-3.226 1.96-4.62 0-.955-.347-1.646-.955-2.158-.202-8.105-5.941-14.613-13.037-14.713-.056-.001-.11-.01-.165-.01-.022 0-.043.004-.065.004-7.052.039-12.783 6.41-13.125 14.409-.884.528-1.394 1.305-1.394 2.469 0 1.641.992 3.63 2.663 5.448 1.187 3.327 3.118 6.38 5.5 8.438-.354 2.292-1.699 5.039-5.697 6.776-2.159.938-6.105 1.781-7.808 2.649 4.362 4.769 12.624 7.769 19.589 7.805l.099.003c.008-.002.017-.001.025-.001 7.014 0 15.325-3.01 19.713-7.808-1.703-.868-5.65-1.711-7.808-2.649z"
fill="currentColor"
/>
),
})
export const TwoFactorIcon = createIcon({
displayName: 'TwoFactorIcon',
viewBox: '0 0 100 118.23771',
// path can also be an array of elements, if you have multiple paths, lines, shapes, etc.
path: (
<g transform="translate(0 -178.76229)" fill="currentColor" stroke="currentColor">
<rect ry="7.408333" y="227" height="70" width="100" />
<path
d="M14.953384 221.72513a35.046616 38.165482 0 0 1 17.523309-33.05228 35.046616 38.165482 0 0 1 35.046616 0 35.046616 38.165482 0 0 1 17.523307 33.05228"
fill="none"
strokeWidth="9.649483"
/>
<text
transform="scale(1.017 .98328)"
y="285.30807"
x="1.700096"
fontWeight="400"
fontSize="34.257137"
fontFamily="sans-serif"
letterSpacing="0"
wordSpacing="0"
fill="#fff"
strokeWidth=".273328"
>
<tspan y="285.30807" x="1.700096" fontSize="50.799999">
2FA
</tspan>
</text>
</g>
),
})
export const UserIcon = createIcon({
displayName: 'UserIcon',
viewBox: '0 0 24 24',
path: (
<g fill="none">
<path
d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
),
})
export const EmailIcon = createIcon({
displayName: 'EmailIcon',
viewBox: '0 0 22 15',
path: (
<g fill="none">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M0.277902 2.52962C0.294422 0.940773 1.82782 0 3.22221 0H18.7778C20.1722 0 21.7056 0.940798 21.7221 2.52968C21.7224 2.5443 21.7225 2.55892 21.7222 2.5735V11.8889C21.7222 13.4934 20.1797 14.4444 18.7778 14.4444H3.22221C1.82025 14.4444 0.277767 13.4934 0.277767 11.8889V2.57355C0.27749 2.55893 0.277534 2.54428 0.277902 2.52962ZM2.27777 4.26168V11.8889C2.27777 11.956 2.31013 12.0758 2.47364 12.2066C2.63815 12.3382 2.90059 12.4444 3.22221 12.4444H18.7778C19.0994 12.4444 19.3618 12.3382 19.5263 12.2066C19.6899 12.0758 19.7222 11.956 19.7222 11.8889V4.26168L11.4886 8.87251C11.185 9.0425 10.8149 9.0425 10.5114 8.87251L2.27777 4.26168ZM19.397 2.15157C19.2373 2.06276 19.025 2 18.7778 2H3.22221C2.97498 2 2.76271 2.06276 2.60302 2.15157L11 6.85388L19.397 2.15157Z"
fill="#231F20"
/>
</g>
),
})
export const LockIcon = createIcon({
displayName: 'LockIcon',
viewBox: '0 0 21 22',
path: (
<g fill="none">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.67255 3.17157C8.4227 2.42143 9.44011 2 10.501 2C11.5618 2 12.5793 2.42143 13.3294 3.17157C14.0795 3.92172 14.501 4.93913 14.501 6V9H6.50098V6C6.50098 4.93913 6.9224 3.92172 7.67255 3.17157ZM4.50098 9V6C4.50098 4.4087 5.13312 2.88258 6.25834 1.75736C7.38355 0.632141 8.90968 0 10.501 0C12.0923 0 13.6184 0.632141 14.7436 1.75736C15.8688 2.88258 16.501 4.4087 16.501 6V9H17.501C19.1578 9 20.501 10.3431 20.501 12V19C20.501 20.6569 19.1578 22 17.501 22H3.50098C1.84412 22 0.500977 20.6569 0.500977 19V12C0.500977 10.3431 1.84412 9 3.50098 9H4.50098ZM15.501 11H5.50098H3.50098C2.94869 11 2.50098 11.4477 2.50098 12V19C2.50098 19.5523 2.94869 20 3.50098 20H17.501C18.0533 20 18.501 19.5523 18.501 19V12C18.501 11.4477 18.0533 11 17.501 11H15.501Z"
fill="black"
/>
</g>
),
})
export const PhoneIcon = createIcon({
displayName: 'PhoneIcon',
viewBox: '0 0 14 14',
path: (
<g fill="none">
<path
d="M13.9718 10.4817V12.5893C13.9726 12.7849 13.9325 12.9786 13.8542 13.1578C13.7758 13.3371 13.6608 13.498 13.5167 13.6303C13.3725 13.7626 13.2023 13.8633 13.0169 13.9259C12.8316 13.9886 12.6352 14.0119 12.4403 13.9943C10.2786 13.7594 8.20202 13.0207 6.37757 11.8376C4.68016 10.7589 3.24105 9.31984 2.16244 7.62243C0.975167 5.78969 0.2363 3.70306 0.00570216 1.53156C-0.0118535 1.33729 0.0112345 1.1415 0.0734958 0.956639C0.135757 0.77178 0.235828 0.601911 0.367336 0.457846C0.498845 0.313781 0.65891 0.198678 0.837341 0.119863C1.01577 0.0410494 1.20866 0.000251806 1.40372 6.81111e-05H3.51128C3.85222 -0.00328744 4.18275 0.117444 4.44126 0.33976C4.69976 0.562076 4.86861 0.870806 4.91633 1.20841C5.00528 1.88287 5.17025 2.54511 5.40809 3.18249C5.50261 3.43394 5.52307 3.70721 5.46704 3.96993C5.41101 4.23265 5.28084 4.4738 5.09196 4.66481L4.19976 5.55701C5.19983 7.31581 6.65609 8.77206 8.41489 9.77214L9.30709 8.87994C9.4981 8.69106 9.73925 8.56089 10.002 8.50486C10.2647 8.44883 10.538 8.46929 10.7894 8.56381C11.4268 8.80164 12.089 8.96662 12.7635 9.05557C13.1048 9.10371 13.4164 9.2756 13.6392 9.53855C13.862 9.8015 13.9804 10.1372 13.9718 10.4817Z"
fill="black"
/>
</g>
),
})
export const RadioUncheckedIcon = createIcon({
displayName: 'RadioUncheckedIcon',
viewBox: '0 0 16 16',
path: (
<g fill="none">
<path
d="M15 8V13.4444C15 13.857 14.8361 14.2527 14.5444 14.5444C14.2527 14.8361 13.857 15 13.4444 15H2.55556C2.143 15 1.74733 14.8361 1.45561 14.5444C1.16389 14.2527 1 13.857 1 13.4444V2.55556C1 2.143 1.16389 1.74733 1.45561 1.45561C1.74733 1.16389 2.143 1 2.55556 1H11.1111"
stroke="#231F20"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
),
})
export const RadioCheckedIcon = createIcon({
displayName: 'RadioCheckedIcon',
viewBox: '0 0 19 17',
path: (
<g fill="none">
<path d="M5 8L8 11L18 1" stroke="#231F20" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path
d="M15 9V14.4444C15 14.857 14.8361 15.2527 14.5444 15.5444C14.2527 15.8361 13.857 16 13.4444 16H2.55556C2.143 16 1.74733 15.8361 1.45561 15.5444C1.16389 15.2527 1 14.857 1 14.4444V3.55556C1 3.143 1.16389 2.74733 1.45561 2.45561C1.74733 2.16389 2.143 2 2.55556 2H11.1111"
stroke="#231F20"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
),
})