bfg-common 1.2.21 → 1.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/components/atoms/TheIcon2.vue +1137 -355
  2. package/package.json +1 -1
package/components/atoms/TheIcon2.vue CHANGED
@@ -1,355 +1,1137 @@
1
- <template>
2
- <template v-if="props.name === 'help-info'">
3
- <svg
4
- version="1.1"
5
- viewBox="0 0 36 36"
6
- preserveAspectRatio="xMidYMid meet"
7
- xmlns="http://www.w3.org/2000/svg"
8
- xmlns:xlink="http://www.w3.org/1999/xlink"
9
- focusable="false"
10
- role="img"
11
- >
12
- <path
13
- d="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
14
- class="clr-i-outline clr-i-outline-path-1"
15
- ></path>
16
- <path
17
- d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
18
- class="clr-i-outline clr-i-outline-path-2"
19
- ></path>
20
- <path
21
- d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
22
- class="clr-i-outline clr-i-outline-path-3"
23
- ></path>
24
- </svg>
25
- </template>
26
-
27
- <template v-else-if="props.name === 'eye'">
28
- <svg
29
- version="1.1"
30
- viewBox="0 0 36 36"
31
- preserveAspectRatio="xMidYMid meet"
32
- xmlns="http://www.w3.org/2000/svg"
33
- xmlns:xlink="http://www.w3.org/1999/xlink"
34
- focusable="false"
35
- role="img"
36
- >
37
- <path
38
- d="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
39
- class="clr-i-outline clr-i-outline-path-1"
40
- ></path>
41
- <path
42
- d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
43
- class="clr-i-outline clr-i-outline-path-2"
44
- ></path>
45
- </svg>
46
- </template>
47
-
48
- <template v-else-if="props.name === 'eye-closed'">
49
- <svg
50
- version="1.1"
51
- viewBox="0 0 36 36"
52
- preserveAspectRatio="xMidYMid meet"
53
- xmlns="http://www.w3.org/2000/svg"
54
- xmlns:xlink="http://www.w3.org/1999/xlink"
55
- focusable="false"
56
- role="img"
57
- >
58
- <path
59
- d="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
60
- class="clr-i-outline clr-i-outline-path-1"
61
- ></path>
62
- <path
63
- d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
64
- class="clr-i-outline clr-i-outline-path-2"
65
- ></path>
66
- <path
67
- d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
68
- class="clr-i-outline clr-i-outline-path-3"
69
- ></path>
70
- </svg>
71
- </template>
72
- <template v-else-if="props.name === 'is-success'">
73
- <svg
74
- version="1.1"
75
- class="has-solid"
76
- viewBox="0 0 36 36"
77
- preserveAspectRatio="xMidYMid meet"
78
- xmlns="http://www.w3.org/2000/svg"
79
- xmlns:xlink="http://www.w3.org/1999/xlink"
80
- focusable="false"
81
- role="img"
82
- >
83
- <path
84
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
85
- ></path>
86
- <path
87
- d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
88
- fill="white"
89
- ></path>
90
- <path
91
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
92
- fill="#2e8500"
93
- ></path>
94
- </svg>
95
- </template>
96
- <template v-else-if="props.name === 'drag'">
97
- <svg
98
- xmlns="http://www.w3.org/2000/svg"
99
- class="aivmw-color-theme"
100
- viewBox="-1 -1 38 38"
101
- >
102
- <circle
103
- cx="15"
104
- cy="12"
105
- r="1.5"
106
- class="aiclr-i-outline aiclr-i-outline-path-1"
107
- />
108
- <circle
109
- cx="15"
110
- cy="24"
111
- r="1.5"
112
- class="aiclr-i-outline aiclr-i-outline-path-2"
113
- />
114
- <circle
115
- cx="21"
116
- cy="12"
117
- r="1.5"
118
- class="aiclr-i-outline aiclr-i-outline-path-3"
119
- />
120
- <circle
121
- cx="21"
122
- cy="24"
123
- r="1.5"
124
- class="aiclr-i-outline aiclr-i-outline-path-4"
125
- />
126
- <circle
127
- cx="21"
128
- cy="18"
129
- r="1.5"
130
- class="aiclr-i-outline aiclr-i-outline-path-5"
131
- />
132
- <circle
133
- cx="15"
134
- cy="18"
135
- r="1.5"
136
- class="aiclr-i-outline aiclr-i-outline-path-6"
137
- />
138
- <path fill-opacity="0" d="M0 0h36v36H0z" />
139
- </svg>
140
- </template>
141
- <template v-else-if="props.name === 'happy-face'">
142
- <svg
143
- version="1.1"
144
- class="has-solid"
145
- viewBox="0 0 36 36"
146
- preserveAspectRatio="xMidYMid meet"
147
- xmlns="http://www.w3.org/2000/svg"
148
- xmlns:xlink="http://www.w3.org/1999/xlink"
149
- focusable="false"
150
- role="img"
151
- >
152
- <path
153
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
154
- class="clr-i-outline clr-i-outline-path-1"
155
- ></path>
156
- <circle
157
- cx="10.89"
158
- cy="13.89"
159
- r="2"
160
- class="clr-i-outline clr-i-outline-path-2"
161
- ></circle>
162
- <circle
163
- cx="25.05"
164
- cy="13.89"
165
- r="2"
166
- class="clr-i-outline clr-i-outline-path-3"
167
- ></circle>
168
- <path
169
- d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
170
- class="clr-i-outline clr-i-outline-path-4"
171
- ></path>
172
- </svg>
173
- </template>
174
- <template v-else-if="props.name === 'warning-standart'">
175
- <svg
176
- version="1.1"
177
- class="has-solid"
178
- viewBox="0 0 36 36"
179
- preserveAspectRatio="xMidYMid meet"
180
- xmlns="http://www.w3.org/2000/svg"
181
- xmlns:xlink="http://www.w3.org/1999/xlink"
182
- focusable="false"
183
- role="img"
184
- >
185
- <path
186
- class="clr-i-outline clr-i-outline-path-3"
187
- d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
188
- ></path>
189
- <path
190
- class="clr-i-solid clr-i-solid-path-1"
191
- d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
192
- ></path>
193
- </svg>
194
- </template>
195
- <template v-else-if="props.name === 'heart'">
196
- <svg
197
- version="1.1"
198
- class="has-solid"
199
- viewBox="0 0 36 36"
200
- preserveAspectRatio="xMidYMid meet"
201
- xmlns="http://www.w3.org/2000/svg"
202
- xmlns:xlink="http://www.w3.org/1999/xlink"
203
- focusable="false"
204
- role="img"
205
- >
206
- <path
207
- d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
208
- class="clr-i-outline clr-i-outline-path-1"
209
- ></path>
210
- <path
211
- d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
212
- class="clr-i-solid clr-i-solid-path-1"
213
- ></path>
214
- </svg>
215
- </template>
216
- <template v-else-if="props.name === 'lightbulb'">
217
- <svg
218
- version="1.1"
219
- class="can-badge has-solid"
220
- viewBox="0 0 36 36"
221
- preserveAspectRatio="xMidYMid meet"
222
- xmlns="http://www.w3.org/2000/svg"
223
- xmlns:xlink="http://www.w3.org/1999/xlink"
224
- focusable="false"
225
- role="img"
226
- >
227
- <path
228
- d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
229
- class="clr-i-outline clr-i-outline-path-1"
230
- ></path>
231
- <path
232
- d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
233
- class="clr-i-solid clr-i-solid-path-1"
234
- ></path>
235
- <path
236
- d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
237
- class="clr-i-solid clr-i-solid-path-2"
238
- ></path>
239
- <path
240
- d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
241
- class="clr-i-solid clr-i-solid-path-3"
242
- ></path>
243
- </svg>
244
- </template>
245
- <template v-else-if="props.name === 'pop-out'">
246
- <svg
247
- version="1.1"
248
- viewBox="0 0 36 36"
249
- preserveAspectRatio="xMidYMid meet"
250
- xmlns="http://www.w3.org/2000/svg"
251
- xmlns:xlink="http://www.w3.org/1999/xlink"
252
- focusable="false"
253
- role="img"
254
- >
255
- <path
256
- class="clr-i-outline clr-i-outline-path-1"
257
- d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
258
- ></path>
259
- <path
260
- class="clr-i-outline clr-i-outline-path-2"
261
- d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
262
- ></path>
263
- </svg>
264
- </template>
265
- <template v-else-if="props.name === 'check'">
266
- <svg
267
- version="1.1"
268
- viewBox="0 0 36 36"
269
- preserveAspectRatio="xMidYMid meet"
270
- xmlns="http://www.w3.org/2000/svg"
271
- xmlns:xlink="http://www.w3.org/1999/xlink"
272
- focusable="false"
273
- role="img"
274
- >
275
- <path
276
- class="clr-i-outline clr-i-outline-path-1"
277
- d="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
278
- ></path>
279
- </svg>
280
- </template>
281
- <template v-else-if="props.name === 'edit'">
282
- <svg
283
- xmlns="http://www.w3.org/2000/svg"
284
- width="18"
285
- height="18"
286
- viewBox="-1 -1 38 38"
287
- y="1064"
288
- fill="#565656"
289
- >
290
- <path
291
- d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
292
- />
293
- <path opacity="0" d="M0 0h36v36H0z" />
294
- </svg>
295
- </template>
296
- <template v-else-if="props.name === 'semi-circle-arrow'">
297
- <svg
298
- xmlns="http://www.w3.org/2000/svg"
299
- width="38"
300
- height="38"
301
- viewBox="-1 -1 38 38"
302
- fill="#565656"
303
- >
304
- <path
305
- d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
306
- />
307
- <path opacity="0" d="M0 0h36v36H0z" />
308
- </svg>
309
- </template>
310
- <template v-else-if="props.name === 'add-networking'">
311
- <svg
312
- xmlns="http://www.w3.org/2000/svg"
313
- fill="#565656"
314
- width="38"
315
- height="38"
316
- viewBox="-1 -1 38 38"
317
- y="190"
318
- >
319
- <path fill="none" d="M0 0h36v36H0z" />
320
- <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
321
- <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
322
- <path
323
- fill="#565656"
324
- d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
325
- />
326
- <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
327
- </svg>
328
- </template>
329
- <template v-else-if="props.name === 'refresh-network'">
330
- <svg
331
- xmlns="http://www.w3.org/2000/svg"
332
- fill="#565656"
333
- width="38"
334
- height="38"
335
- viewBox="-1 -1 38 38"
336
- y="342"
337
- >
338
- <path
339
- d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
340
- />
341
- <path fill="none" d="M0 0h36v36H0z" />
342
- <path
343
- d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
344
- />
345
- </svg>
346
- </template>
347
- </template>
348
-
349
- <script setup lang="ts">
350
- const props = defineProps<{
351
- name: string | undefined
352
- }>()
353
- </script>
354
-
355
- <style scoped lang="scss"></style>
1
+ <template>
2
+ <template v-if="props.name === 'help-info'">
3
+ <svg
4
+ version="1.1"
5
+ viewBox="0 0 36 36"
6
+ preserveAspectRatio="xMidYMid meet"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ xmlns:xlink="http://www.w3.org/1999/xlink"
9
+ focusable="false"
10
+ role="img"
11
+ >
12
+ <path
13
+ d="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
14
+ class="clr-i-outline clr-i-outline-path-1"
15
+ ></path>
16
+ <path
17
+ d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
18
+ class="clr-i-outline clr-i-outline-path-2"
19
+ ></path>
20
+ <path
21
+ d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
22
+ class="clr-i-outline clr-i-outline-path-3"
23
+ ></path>
24
+ </svg>
25
+ </template>
26
+
27
+ <template v-else-if="props.name === 'eye'">
28
+ <svg
29
+ version="1.1"
30
+ viewBox="0 0 36 36"
31
+ preserveAspectRatio="xMidYMid meet"
32
+ xmlns="http://www.w3.org/2000/svg"
33
+ xmlns:xlink="http://www.w3.org/1999/xlink"
34
+ focusable="false"
35
+ role="img"
36
+ >
37
+ <path
38
+ d="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
39
+ class="clr-i-outline clr-i-outline-path-1"
40
+ ></path>
41
+ <path
42
+ d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
43
+ class="clr-i-outline clr-i-outline-path-2"
44
+ ></path>
45
+ </svg>
46
+ </template>
47
+
48
+ <template v-else-if="props.name === 'eye-closed'">
49
+ <svg
50
+ version="1.1"
51
+ viewBox="0 0 36 36"
52
+ preserveAspectRatio="xMidYMid meet"
53
+ xmlns="http://www.w3.org/2000/svg"
54
+ xmlns:xlink="http://www.w3.org/1999/xlink"
55
+ focusable="false"
56
+ role="img"
57
+ >
58
+ <path
59
+ d="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
60
+ class="clr-i-outline clr-i-outline-path-1"
61
+ ></path>
62
+ <path
63
+ d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
64
+ class="clr-i-outline clr-i-outline-path-2"
65
+ ></path>
66
+ <path
67
+ d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
68
+ class="clr-i-outline clr-i-outline-path-3"
69
+ ></path>
70
+ </svg>
71
+ </template>
72
+ <template v-else-if="props.name === 'is-success'">
73
+ <svg
74
+ version="1.1"
75
+ class="has-solid"
76
+ viewBox="0 0 36 36"
77
+ preserveAspectRatio="xMidYMid meet"
78
+ xmlns="http://www.w3.org/2000/svg"
79
+ xmlns:xlink="http://www.w3.org/1999/xlink"
80
+ focusable="false"
81
+ role="img"
82
+ >
83
+ <path
84
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
85
+ ></path>
86
+ <path
87
+ d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
88
+ fill="white"
89
+ ></path>
90
+ <path
91
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
92
+ fill="#2e8500"
93
+ ></path>
94
+ </svg>
95
+ </template>
96
+ <template v-else-if="props.name === 'drag'">
97
+ <svg
98
+ xmlns="http://www.w3.org/2000/svg"
99
+ class="aivmw-color-theme"
100
+ viewBox="-1 -1 38 38"
101
+ >
102
+ <circle
103
+ cx="15"
104
+ cy="12"
105
+ r="1.5"
106
+ class="aiclr-i-outline aiclr-i-outline-path-1"
107
+ />
108
+ <circle
109
+ cx="15"
110
+ cy="24"
111
+ r="1.5"
112
+ class="aiclr-i-outline aiclr-i-outline-path-2"
113
+ />
114
+ <circle
115
+ cx="21"
116
+ cy="12"
117
+ r="1.5"
118
+ class="aiclr-i-outline aiclr-i-outline-path-3"
119
+ />
120
+ <circle
121
+ cx="21"
122
+ cy="24"
123
+ r="1.5"
124
+ class="aiclr-i-outline aiclr-i-outline-path-4"
125
+ />
126
+ <circle
127
+ cx="21"
128
+ cy="18"
129
+ r="1.5"
130
+ class="aiclr-i-outline aiclr-i-outline-path-5"
131
+ />
132
+ <circle
133
+ cx="15"
134
+ cy="18"
135
+ r="1.5"
136
+ class="aiclr-i-outline aiclr-i-outline-path-6"
137
+ />
138
+ <path fill-opacity="0" d="M0 0h36v36H0z" />
139
+ </svg>
140
+ </template>
141
+ <template v-else-if="props.name === 'happy-face'">
142
+ <svg
143
+ version="1.1"
144
+ class="has-solid"
145
+ viewBox="0 0 36 36"
146
+ preserveAspectRatio="xMidYMid meet"
147
+ xmlns="http://www.w3.org/2000/svg"
148
+ xmlns:xlink="http://www.w3.org/1999/xlink"
149
+ focusable="false"
150
+ role="img"
151
+ >
152
+ <path
153
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
154
+ class="clr-i-outline clr-i-outline-path-1"
155
+ ></path>
156
+ <circle
157
+ cx="10.89"
158
+ cy="13.89"
159
+ r="2"
160
+ class="clr-i-outline clr-i-outline-path-2"
161
+ ></circle>
162
+ <circle
163
+ cx="25.05"
164
+ cy="13.89"
165
+ r="2"
166
+ class="clr-i-outline clr-i-outline-path-3"
167
+ ></circle>
168
+ <path
169
+ d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
170
+ class="clr-i-outline clr-i-outline-path-4"
171
+ ></path>
172
+ </svg>
173
+ </template>
174
+ <template v-else-if="props.name === 'warning-standart'">
175
+ <svg
176
+ version="1.1"
177
+ class="has-solid"
178
+ viewBox="0 0 36 36"
179
+ preserveAspectRatio="xMidYMid meet"
180
+ xmlns="http://www.w3.org/2000/svg"
181
+ xmlns:xlink="http://www.w3.org/1999/xlink"
182
+ focusable="false"
183
+ role="img"
184
+ >
185
+ <path
186
+ class="clr-i-outline clr-i-outline-path-3"
187
+ d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
188
+ ></path>
189
+ <path
190
+ class="clr-i-solid clr-i-solid-path-1"
191
+ d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
192
+ ></path>
193
+ </svg>
194
+ </template>
195
+ <template v-else-if="props.name === 'heart'">
196
+ <svg
197
+ version="1.1"
198
+ class="has-solid"
199
+ viewBox="0 0 36 36"
200
+ preserveAspectRatio="xMidYMid meet"
201
+ xmlns="http://www.w3.org/2000/svg"
202
+ xmlns:xlink="http://www.w3.org/1999/xlink"
203
+ focusable="false"
204
+ role="img"
205
+ >
206
+ <path
207
+ d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
208
+ class="clr-i-outline clr-i-outline-path-1"
209
+ ></path>
210
+ <path
211
+ d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
212
+ class="clr-i-solid clr-i-solid-path-1"
213
+ ></path>
214
+ </svg>
215
+ </template>
216
+ <template v-else-if="props.name === 'lightbulb'">
217
+ <svg
218
+ version="1.1"
219
+ class="can-badge has-solid"
220
+ viewBox="0 0 36 36"
221
+ preserveAspectRatio="xMidYMid meet"
222
+ xmlns="http://www.w3.org/2000/svg"
223
+ xmlns:xlink="http://www.w3.org/1999/xlink"
224
+ focusable="false"
225
+ role="img"
226
+ >
227
+ <path
228
+ d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
229
+ class="clr-i-outline clr-i-outline-path-1"
230
+ ></path>
231
+ <path
232
+ d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
233
+ class="clr-i-solid clr-i-solid-path-1"
234
+ ></path>
235
+ <path
236
+ d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
237
+ class="clr-i-solid clr-i-solid-path-2"
238
+ ></path>
239
+ <path
240
+ d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
241
+ class="clr-i-solid clr-i-solid-path-3"
242
+ ></path>
243
+ </svg>
244
+ </template>
245
+ <template v-else-if="props.name === 'pop-out'">
246
+ <svg
247
+ version="1.1"
248
+ viewBox="0 0 36 36"
249
+ preserveAspectRatio="xMidYMid meet"
250
+ xmlns="http://www.w3.org/2000/svg"
251
+ xmlns:xlink="http://www.w3.org/1999/xlink"
252
+ focusable="false"
253
+ role="img"
254
+ >
255
+ <path
256
+ class="clr-i-outline clr-i-outline-path-1"
257
+ d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
258
+ ></path>
259
+ <path
260
+ class="clr-i-outline clr-i-outline-path-2"
261
+ d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
262
+ ></path>
263
+ </svg>
264
+ </template>
265
+ <template v-else-if="props.name === 'check'">
266
+ <svg
267
+ version="1.1"
268
+ viewBox="0 0 36 36"
269
+ preserveAspectRatio="xMidYMid meet"
270
+ xmlns="http://www.w3.org/2000/svg"
271
+ xmlns:xlink="http://www.w3.org/1999/xlink"
272
+ focusable="false"
273
+ role="img"
274
+ >
275
+ <path
276
+ class="clr-i-outline clr-i-outline-path-1"
277
+ d="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
278
+ ></path>
279
+ </svg>
280
+ </template>
281
+ <template v-else-if="props.name === 'edit'">
282
+ <svg
283
+ xmlns="http://www.w3.org/2000/svg"
284
+ width="18"
285
+ height="18"
286
+ viewBox="-1 -1 38 38"
287
+ y="1064"
288
+ fill="#565656"
289
+ >
290
+ <path
291
+ d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
292
+ />
293
+ <path opacity="0" d="M0 0h36v36H0z" />
294
+ </svg>
295
+ </template>
296
+ <template v-else-if="props.name === 'semi-circle-arrow'">
297
+ <svg
298
+ xmlns="http://www.w3.org/2000/svg"
299
+ width="38"
300
+ height="38"
301
+ viewBox="-1 -1 38 38"
302
+ fill="#565656"
303
+ >
304
+ <path
305
+ d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
306
+ />
307
+ <path opacity="0" d="M0 0h36v36H0z" />
308
+ </svg>
309
+ </template>
310
+ <template v-else-if="props.name === 'add-networking'">
311
+ <svg
312
+ xmlns="http://www.w3.org/2000/svg"
313
+ fill="#565656"
314
+ width="38"
315
+ height="38"
316
+ viewBox="-1 -1 38 38"
317
+ y="190"
318
+ >
319
+ <path fill="none" d="M0 0h36v36H0z" />
320
+ <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
321
+ <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
322
+ <path
323
+ fill="#565656"
324
+ d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
325
+ />
326
+ <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
327
+ </svg>
328
+ </template>
329
+ <template v-else-if="props.name === 'refresh-network'">
330
+ <svg
331
+ xmlns="http://www.w3.org/2000/svg"
332
+ fill="#565656"
333
+ width="38"
334
+ height="38"
335
+ viewBox="-1 -1 38 38"
336
+ y="342"
337
+ >
338
+ <path
339
+ d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
340
+ />
341
+ <path fill="none" d="M0 0h36v36H0z" />
342
+ <path
343
+ d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
344
+ />
345
+ </svg>
346
+ </template>
347
+ <template v-else-if="props.name === 'safari'">
348
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
349
+ <defs>
350
+ <linearGradient
351
+ id="a"
352
+ x1="-868.775"
353
+ x2="-868.775"
354
+ y1="-881.357"
355
+ y2="-879.35"
356
+ gradientTransform="matrix(51.9299 0 0 -51.9299 45175.498 -45656.667)"
357
+ gradientUnits="userSpaceOnUse"
358
+ >
359
+ <stop offset="0" stop-color="#1e6ff1"></stop>
360
+ <stop offset="1" stop-color="#28cefb"></stop>
361
+ </linearGradient>
362
+ </defs>
363
+ <path
364
+ fill="none"
365
+ fill-rule="evenodd"
366
+ d="M0,94V26A25.94821,25.94821,0,0,1,26,0H94a25.94821,25.94821,0,0,1,26,26V94a25.94821,25.94821,0,0,1-26,26H26A25.94821,25.94821,0,0,1,0,94Z"
367
+ ></path>
368
+ <g data-name='Home-Screen-11"'>
369
+ <circle cx="60.1" cy="60" r="52.1" fill="url(#a)"></circle>
370
+ <path
371
+ fill="none"
372
+ stroke="#fff"
373
+ stroke-linecap="square"
374
+ stroke-width="1.003"
375
+ d="M60.1024,107.4798v-8"
376
+ ></path>
377
+ <path
378
+ fill="none"
379
+ stroke="#fff"
380
+ stroke-linecap="square"
381
+ stroke-width="1.003"
382
+ d="M60.1024,20.4798v-8"
383
+ data-name="Line-2"
384
+ ></path>
385
+ <g data-name="Group-11">
386
+ <path
387
+ fill="none"
388
+ stroke="#fff"
389
+ stroke-linecap="square"
390
+ stroke-width="1.003"
391
+ d="M51.83207 106.78616l1.38918-7.87846M66.93946 21.1079l1.38918-7.87846"
392
+ data-name="Line-2"
393
+ ></path>
394
+ </g>
395
+ <g data-name="Group-11">
396
+ <path
397
+ fill="none"
398
+ stroke="#fff"
399
+ stroke-linecap="square"
400
+ stroke-width="1.003"
401
+ d="M43.85227 104.62661l2.73616-7.51754M73.608 22.87335l2.73616-7.51754"
402
+ data-name="Line-2"
403
+ ></path>
404
+ </g>
405
+ <g data-name="Group-11">
406
+ <path
407
+ fill="none"
408
+ stroke="#fff"
409
+ stroke-linecap="square"
410
+ stroke-width="1.003"
411
+ d="M36.312 101.16559l4-6.92821M79.812 25.82138l4-6.9282"
412
+ data-name="Line-2"
413
+ ></path>
414
+ </g>
415
+ <g data-name="Group-11">
416
+ <path
417
+ fill="none"
418
+ stroke="#fff"
419
+ stroke-linecap="square"
420
+ stroke-width="1.003"
421
+ d="M29.61161 96.39464l5.1423-6.12835M85.53413 29.74878l5.1423-6.12836"
422
+ data-name="Line-2"
423
+ ></path>
424
+ </g>
425
+ <g data-name="Group-11">
426
+ <path
427
+ fill="none"
428
+ stroke="#fff"
429
+ stroke-linecap="square"
430
+ stroke-width="1.003"
431
+ d="M23.66233 90.51885l6.12835-5.1423M90.30818 34.59634l6.12836-5.1423"
432
+ data-name="Line-2"
433
+ ></path>
434
+ </g>
435
+ <g data-name="Group-11">
436
+ <path
437
+ fill="none"
438
+ stroke="#fff"
439
+ stroke-linecap="square"
440
+ stroke-width="1.003"
441
+ d="M18.94561 83.72128l6.92819-4M94.2898 40.22129l6.9282-4"
442
+ data-name="Line-2"
443
+ ></path>
444
+ </g>
445
+ <g data-name="Group-11">
446
+ <path
447
+ fill="none"
448
+ stroke="#fff"
449
+ stroke-linecap="square"
450
+ stroke-width="1.003"
451
+ d="M15.386 76.2519l7.51754-2.73616M97.13924 46.49615L104.65678 43.76"
452
+ data-name="Line-2"
453
+ ></path>
454
+ </g>
455
+ <g data-name="Group-11">
456
+ <path
457
+ fill="none"
458
+ stroke="#fff"
459
+ stroke-linecap="square"
460
+ stroke-width="1.003"
461
+ d="M13.29134 68.29889L21.1698 66.9097M98.96961 53.1915l7.87847-1.38919"
462
+ data-name="Line-2"
463
+ ></path>
464
+ </g>
465
+ <g data-name="Group-11">
466
+ <path
467
+ fill="none"
468
+ stroke="#fff"
469
+ stroke-linecap="square"
470
+ stroke-width="1.003"
471
+ d="M12.61824 60.00238h8M99.61822 60.00238h8"
472
+ data-name="Line-2"
473
+ ></path>
474
+ </g>
475
+ <g data-name="Group-11">
476
+ <path
477
+ fill="none"
478
+ stroke="#fff"
479
+ stroke-linecap="square"
480
+ stroke-width="1.003"
481
+ d="M13.31368 51.78449l7.87846 1.38919M98.992 66.89189l7.87846 1.38918"
482
+ data-name="Line-2"
483
+ ></path>
484
+ </g>
485
+ <g data-name="Group-11">
486
+ <path
487
+ fill="none"
488
+ stroke="#fff"
489
+ stroke-linecap="square"
490
+ stroke-width="1.003"
491
+ d="M15.47 43.7719l7.51754 2.73616M97.22325 73.52765l7.51754 2.73616"
492
+ data-name="Line-2"
493
+ ></path>
494
+ </g>
495
+ <g data-name="Group-11">
496
+ <path
497
+ fill="none"
498
+ stroke="#fff"
499
+ stroke-linecap="square"
500
+ stroke-width="1.003"
501
+ d="M18.92822 36.30686l6.9282 4M94.27242 79.80686l6.92821 4"
502
+ data-name="Line-2"
503
+ ></path>
504
+ </g>
505
+ <g data-name="Group-11">
506
+ <path
507
+ fill="none"
508
+ stroke="#fff"
509
+ stroke-linecap="square"
510
+ stroke-width="1.003"
511
+ d="M23.67793 29.43833l6.12835 5.1423M90.32379 85.36085l6.12836 5.14231"
512
+ data-name="Line-2"
513
+ ></path>
514
+ </g>
515
+ <g data-name="Group-11">
516
+ <path
517
+ fill="none"
518
+ stroke="#fff"
519
+ stroke-linecap="square"
520
+ stroke-width="1.003"
521
+ d="M29.50992 23.626l5.1423 6.12836M85.43245 90.27185l5.1423 6.12836"
522
+ data-name="Line-2"
523
+ ></path>
524
+ </g>
525
+ <g data-name="Group-11">
526
+ <path
527
+ fill="none"
528
+ stroke="#fff"
529
+ stroke-linecap="square"
530
+ stroke-width="1.003"
531
+ d="M36.32019 18.86009l4 6.9282M79.82019 94.2043l4 6.9282"
532
+ data-name="Line-2"
533
+ ></path>
534
+ </g>
535
+ <g data-name="Group-11">
536
+ <path
537
+ fill="none"
538
+ stroke="#fff"
539
+ stroke-linecap="square"
540
+ stroke-width="1.003"
541
+ d="M43.85359 15.359l2.73616 7.51754M73.60934 97.11222l2.73616 7.51754"
542
+ data-name="Line-2"
543
+ ></path>
544
+ </g>
545
+ <g data-name="Group-11">
546
+ <path
547
+ fill="none"
548
+ stroke="#fff"
549
+ stroke-linecap="square"
550
+ stroke-width="1.003"
551
+ d="M51.802 13.29176l1.38919 7.87846M66.90935 98.97l1.38919 7.87846"
552
+ data-name="Line-2"
553
+ ></path>
554
+ </g>
555
+ <g>
556
+ <g data-name="Group-11">
557
+ <path
558
+ fill="none"
559
+ stroke="#fff"
560
+ stroke-linecap="square"
561
+ stroke-width="1.003"
562
+ d="M55.93679 107.30772l.34863-3.98478M63.868 16.654l.34863-3.98477"
563
+ data-name="Line-2"
564
+ ></path>
565
+ </g>
566
+ <g data-name="Group-11">
567
+ <path
568
+ fill="none"
569
+ stroke="#fff"
570
+ stroke-linecap="square"
571
+ stroke-width="1.003"
572
+ d="M47.8203 105.92861l1.03528-3.8637M71.37283 18.02937l1.03528-3.86371"
573
+ data-name="Line-2"
574
+ ></path>
575
+ </g>
576
+ <g data-name="Group-11">
577
+ <path
578
+ fill="none"
579
+ stroke="#fff"
580
+ stroke-linecap="square"
581
+ stroke-width="1.003"
582
+ d="M39.99838 103.01769l1.69048-3.62523M78.45664 20.54368l1.69048-3.62523"
583
+ data-name="Line-2"
584
+ ></path>
585
+ </g>
586
+ <g data-name="Group-11">
587
+ <path
588
+ fill="none"
589
+ stroke="#fff"
590
+ stroke-linecap="square"
591
+ stroke-width="1.003"
592
+ d="M32.84 98.92712l2.29431-3.27661M85.03542 24.38428l2.29431-3.27661"
593
+ data-name="Line-2"
594
+ ></path>
595
+ </g>
596
+ <g data-name="Group-11">
597
+ <path
598
+ fill="none"
599
+ stroke="#fff"
600
+ stroke-linecap="square"
601
+ stroke-width="1.003"
602
+ d="M26.54054 93.59134L29.369 90.76292M90.88724 29.24464l2.82843-2.82843"
603
+ data-name="Line-2"
604
+ ></path>
605
+ </g>
606
+ <g data-name="Group-11">
607
+ <path
608
+ fill="none"
609
+ stroke="#fff"
610
+ stroke-linecap="square"
611
+ stroke-width="1.003"
612
+ d="M21.19133 87.29431L24.46794 85M95.73417 35.09885l3.27661-2.29431"
613
+ data-name="Line-2"
614
+ ></path>
615
+ </g>
616
+ <g data-name="Group-11">
617
+ <path
618
+ fill="none"
619
+ stroke="#fff"
620
+ stroke-linecap="square"
621
+ stroke-width="1.003"
622
+ d="M17.06127 80.08907L20.6865 78.3986M99.53528 41.63081l3.62523-1.69047"
623
+ data-name="Line-2"
624
+ ></path>
625
+ </g>
626
+ <g data-name="Group-11">
627
+ <path
628
+ fill="none"
629
+ stroke="#fff"
630
+ stroke-linecap="square"
631
+ stroke-width="1.003"
632
+ d="M14.20386 72.32676l3.8637-1.03528M102.10311 48.77422l3.8637-1.03527"
633
+ data-name="Line-2"
634
+ ></path>
635
+ </g>
636
+ <g data-name="Group-11">
637
+ <path
638
+ fill="none"
639
+ stroke="#fff"
640
+ stroke-linecap="square"
641
+ stroke-width="1.003"
642
+ d="M12.73681 64.15229l3.98478-.34863M103.39053 56.22111l3.98478-.34862"
643
+ data-name="Line-2"
644
+ ></path>
645
+ </g>
646
+ <g data-name="Group-11">
647
+ <path
648
+ fill="none"
649
+ stroke="#fff"
650
+ stroke-linecap="square"
651
+ stroke-width="1.003"
652
+ d="M12.77127 55.87244l3.98478.34863M103.425 63.80362l3.98478.34862"
653
+ data-name="Line-2"
654
+ ></path>
655
+ </g>
656
+ <g data-name="Group-11">
657
+ <path
658
+ fill="none"
659
+ stroke="#fff"
660
+ stroke-linecap="square"
661
+ stroke-width="1.003"
662
+ d="M14.14562 47.75326l3.8637 1.03528M102.04485 71.30579l3.8637 1.03528"
663
+ data-name="Line-2"
664
+ ></path>
665
+ </g>
666
+ <g data-name="Group-11">
667
+ <path
668
+ fill="none"
669
+ stroke="#fff"
670
+ stroke-linecap="square"
671
+ stroke-width="1.003"
672
+ d="M17.028 39.92087l3.62523 1.69047M99.502 78.37913l3.62523 1.69047"
673
+ data-name="Line-2"
674
+ ></path>
675
+ </g>
676
+ <g data-name="Group-11">
677
+ <path
678
+ fill="none"
679
+ stroke="#fff"
680
+ stroke-linecap="square"
681
+ stroke-width="1.003"
682
+ d="M21.17515 32.80011l3.27661 2.29431M95.718 84.99557l3.27661 2.2943"
683
+ data-name="Line-2"
684
+ ></path>
685
+ </g>
686
+ <g data-name="Group-11">
687
+ <path
688
+ fill="none"
689
+ stroke="#fff"
690
+ stroke-linecap="square"
691
+ stroke-width="1.003"
692
+ d="M26.53579 26.44337l2.82843 2.82843M90.88251 90.79009l2.82842 2.82843"
693
+ data-name="Line-2"
694
+ ></path>
695
+ </g>
696
+ <g data-name="Group-11">
697
+ <path
698
+ fill="none"
699
+ stroke="#fff"
700
+ stroke-linecap="square"
701
+ stroke-width="1.003"
702
+ d="M32.7894 21.08372l2.29431 3.27661M84.98486 95.62656l2.29431 3.27661"
703
+ data-name="Line-2"
704
+ ></path>
705
+ </g>
706
+ <g data-name="Group-11">
707
+ <path
708
+ fill="none"
709
+ stroke="#fff"
710
+ stroke-linecap="square"
711
+ stroke-width="1.003"
712
+ d="M40.02276 16.989l1.69047 3.62523M78.481 99.463l1.69047 3.62523"
713
+ data-name="Line-2"
714
+ ></path>
715
+ </g>
716
+ <g data-name="Group-11">
717
+ <path
718
+ fill="none"
719
+ stroke="#fff"
720
+ stroke-linecap="square"
721
+ stroke-width="1.003"
722
+ d="M47.77372 14.17253l1.03528 3.8637M71.32625 102.07178l1.03528 3.86371"
723
+ data-name="Line-2"
724
+ ></path>
725
+ </g>
726
+ <g data-name="Group-11">
727
+ <path
728
+ fill="none"
729
+ stroke="#fff"
730
+ stroke-linecap="square"
731
+ stroke-width="1.003"
732
+ d="M55.895 12.71089l.34862 3.98478M63.82621 103.36462l.34862 3.98477"
733
+ data-name="Line-2"
734
+ ></path>
735
+ </g>
736
+ </g>
737
+ <g>
738
+ <polygon
739
+ fill="#fff"
740
+ fill-rule="evenodd"
741
+ points="97.07 29.06 55.97 55.36 23.07 91.06 64.37 65.36 97.07 29.06"
742
+ ></polygon>
743
+ <polygon
744
+ fill="#ff3b30"
745
+ fill-rule="evenodd"
746
+ points="97.07 29.06 55.97 55.36 64.37 65.36 97.07 29.06"
747
+ ></polygon>
748
+ </g>
749
+ </g>
750
+ </svg>
751
+ </template>
752
+ <template v-else-if="props.name === 'firefox'">
753
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
754
+ <defs>
755
+ <linearGradient
756
+ id="a"
757
+ x1="70.79"
758
+ x2="6.447"
759
+ y1="12.39"
760
+ y2="74.47"
761
+ gradientTransform="translate(-1.3 -.004086)"
762
+ gradientUnits="userSpaceOnUse"
763
+ >
764
+ <stop stop-color="#fff44f" offset=".048" />
765
+ <stop stop-color="#ffe847" offset=".111" />
766
+ <stop stop-color="#ffc830" offset=".225" />
767
+ <stop stop-color="#ff980e" offset=".368" />
768
+ <stop stop-color="#ff8b16" offset=".401" />
769
+ <stop stop-color="#ff672a" offset=".462" />
770
+ <stop stop-color="#ff3647" offset=".534" />
771
+ <stop stop-color="#e31587" offset=".705" />
772
+ </linearGradient>
773
+ <radialGradient
774
+ id="b"
775
+ cx="-7907"
776
+ cy="-8515"
777
+ r="80.8"
778
+ gradientTransform="translate(7974,8524)"
779
+ gradientUnits="userSpaceOnUse"
780
+ >
781
+ <stop stop-color="#ffbd4f" offset=".129" />
782
+ <stop stop-color="#ffac31" offset=".186" />
783
+ <stop stop-color="#ff9d17" offset=".247" />
784
+ <stop stop-color="#ff980e" offset=".283" />
785
+ <stop stop-color="#ff563b" offset=".403" />
786
+ <stop stop-color="#ff3750" offset=".467" />
787
+ <stop stop-color="#f5156c" offset=".71" />
788
+ <stop stop-color="#eb0878" offset=".782" />
789
+ <stop stop-color="#e50080" offset=".86" />
790
+ </radialGradient>
791
+ <radialGradient
792
+ id="c"
793
+ cx="-7937"
794
+ cy="-8482"
795
+ r="80.8"
796
+ gradientTransform="translate(7974,8524)"
797
+ gradientUnits="userSpaceOnUse"
798
+ >
799
+ <stop stop-color="#960e18" offset=".3" />
800
+ <stop stop-color="#b11927" stop-opacity=".74" offset=".351" />
801
+ <stop stop-color="#db293d" stop-opacity=".343" offset=".435" />
802
+ <stop stop-color="#f5334b" stop-opacity=".094" offset=".497" />
803
+ <stop stop-color="#ff3750" stop-opacity="0" offset=".53" />
804
+ </radialGradient>
805
+ <radialGradient
806
+ id="d"
807
+ cx="-7927"
808
+ cy="-8533"
809
+ r="58.53"
810
+ gradientTransform="translate(7974,8524)"
811
+ gradientUnits="userSpaceOnUse"
812
+ >
813
+ <stop stop-color="#fff44f" offset=".132" />
814
+ <stop stop-color="#ffdc3e" offset=".252" />
815
+ <stop stop-color="#ff9d12" offset=".506" />
816
+ <stop stop-color="#ff980e" offset=".526" />
817
+ </radialGradient>
818
+ <radialGradient
819
+ id="e"
820
+ cx="-7946"
821
+ cy="-8461"
822
+ r="38.47"
823
+ gradientTransform="translate(7974,8524)"
824
+ gradientUnits="userSpaceOnUse"
825
+ >
826
+ <stop stop-color="#3a8ee6" offset=".353" />
827
+ <stop stop-color="#5c79f0" offset=".472" />
828
+ <stop stop-color="#9059ff" offset=".669" />
829
+ <stop stop-color="#c139e6" offset="1" />
830
+ </radialGradient>
831
+ <radialGradient
832
+ id="f"
833
+ cx="-7936"
834
+ cy="-8492"
835
+ r="20.4"
836
+ gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)"
837
+ gradientUnits="userSpaceOnUse"
838
+ >
839
+ <stop stop-color="#9059ff" stop-opacity="0" offset=".206" />
840
+ <stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278" />
841
+ <stop stop-color="#7716a8" stop-opacity=".45" offset=".747" />
842
+ <stop stop-color="#6e008b" stop-opacity=".6" offset=".975" />
843
+ </radialGradient>
844
+ <radialGradient
845
+ id="g"
846
+ cx="-7938"
847
+ cy="-8518"
848
+ r="27.68"
849
+ gradientTransform="translate(7974,8524)"
850
+ gradientUnits="userSpaceOnUse"
851
+ >
852
+ <stop stop-color="#ffe226" offset="0" />
853
+ <stop stop-color="#ffdb27" offset=".121" />
854
+ <stop stop-color="#ffc82a" offset=".295" />
855
+ <stop stop-color="#ffa930" offset=".502" />
856
+ <stop stop-color="#ff7e37" offset=".732" />
857
+ <stop stop-color="#ff7139" offset=".792" />
858
+ </radialGradient>
859
+ <radialGradient
860
+ id="h"
861
+ cx="-7916"
862
+ cy="-8536"
863
+ r="118.1"
864
+ gradientTransform="translate(7974,8524)"
865
+ gradientUnits="userSpaceOnUse"
866
+ >
867
+ <stop stop-color="#fff44f" offset=".113" />
868
+ <stop stop-color="#ff980e" offset=".456" />
869
+ <stop stop-color="#ff5634" offset=".622" />
870
+ <stop stop-color="#ff3647" offset=".716" />
871
+ <stop stop-color="#e31587" offset=".904" />
872
+ </radialGradient>
873
+ <radialGradient
874
+ id="i"
875
+ cx="-7927"
876
+ cy="-8523"
877
+ r="86.5"
878
+ gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)"
879
+ gradientUnits="userSpaceOnUse"
880
+ >
881
+ <stop stop-color="#fff44f" offset="0" />
882
+ <stop stop-color="#ffe847" offset=".06" />
883
+ <stop stop-color="#ffc830" offset=".168" />
884
+ <stop stop-color="#ff980e" offset=".304" />
885
+ <stop stop-color="#ff8b16" offset=".356" />
886
+ <stop stop-color="#ff672a" offset=".455" />
887
+ <stop stop-color="#ff3647" offset=".57" />
888
+ <stop stop-color="#e31587" offset=".737" />
889
+ </radialGradient>
890
+ <radialGradient
891
+ id="j"
892
+ cx="-7938"
893
+ cy="-8508"
894
+ r="73.72"
895
+ gradientTransform="translate(7974,8524)"
896
+ gradientUnits="userSpaceOnUse"
897
+ >
898
+ <stop stop-color="#fff44f" offset=".137" />
899
+ <stop stop-color="#ff980e" offset=".48" />
900
+ <stop stop-color="#ff5634" offset=".592" />
901
+ <stop stop-color="#ff3647" offset=".655" />
902
+ <stop stop-color="#e31587" offset=".904" />
903
+ </radialGradient>
904
+ <radialGradient
905
+ id="k"
906
+ cx="-7919"
907
+ cy="-8504"
908
+ r="80.69"
909
+ gradientTransform="translate(7974,8524)"
910
+ gradientUnits="userSpaceOnUse"
911
+ >
912
+ <stop stop-color="#fff44f" offset=".094" />
913
+ <stop stop-color="#ffe141" offset=".231" />
914
+ <stop stop-color="#ffaf1e" offset=".509" />
915
+ <stop stop-color="#ff980e" offset=".626" />
916
+ </radialGradient>
917
+ <linearGradient
918
+ id="l"
919
+ x1="70.01"
920
+ x2="15.27"
921
+ y1="12.06"
922
+ y2="66.81"
923
+ gradientTransform="translate(-1.3 -.004086)"
924
+ gradientUnits="userSpaceOnUse"
925
+ >
926
+ <stop stop-color="#fff44f" stop-opacity=".8" offset=".167" />
927
+ <stop stop-color="#fff44f" stop-opacity=".634" offset=".266" />
928
+ <stop stop-color="#fff44f" stop-opacity=".217" offset=".489" />
929
+ <stop stop-color="#fff44f" stop-opacity="0" offset=".6" />
930
+ </linearGradient>
931
+ </defs>
932
+ <g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
933
+ <path
934
+ d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53a19.39 19.39 0 0 0-10.67 4.111 11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.336 2.049-0.381 2.42 0 0.029-6e-3 0.056-9e-3 0.085a36.94 36.94 0 0 0-0.629 5.343v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-44.67 30.34c0.181 0.087 0.351 0.181 0.537 0.264l0.027 0.017q-0.282-0.135-0.564-0.281zm8.878-23.38m31.95-4.934v-0.037l7e-3 0.041z"
935
+ fill="url(#a)"
936
+ />
937
+ <path
938
+ d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
939
+ fill="url(#b)"
940
+ />
941
+ <path
942
+ d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76v0.037l7e-3 0.041a35.1 35.1 0 0 1-1.206 26.16c-4.442 9.531-15.19 19.3-32.02 18.82-18.18-0.515-34.2-14.01-37.19-31.68-0.545-2.787 0-4.2 0.274-6.465a28.88 28.88 0 0 0-0.623 5.348v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47z"
943
+ fill="url(#c)"
944
+ />
945
+ <path
946
+ d="m55.78 31.38c0.084 0.059 0.162 0.118 0.241 0.177a21.1 21.1 0 0 0-3.6-4.695c-12.05-12.05-3.157-26.12-1.658-26.84l0.015-0.022c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917z"
947
+ fill="url(#d)"
948
+ />
949
+ <path
950
+ d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
951
+ fill="url(#e)"
952
+ />
953
+ <path
954
+ d="m38.82 33.79c-0.064 0.964-3.47 4.289-4.661 4.289-11.02 0-12.81 6.667-12.81 6.667 0.488 5.614 4.4 10.24 9.129 12.68 0.216 0.112 0.435 0.213 0.654 0.312q0.569 0.252 1.138 0.466a17.24 17.24 0 0 0 5.043 0.973c19.32 0.906 23.06-23.1 9.119-30.07a13.38 13.38 0 0 1 9.345 2.269 19.56 19.56 0 0 0-16.98-9.917c-0.46 0-0.91 0.038-1.362 0.069a19.39 19.39 0 0 0-10.67 4.111c0.591 0.5 1.258 1.168 2.663 2.553 2.63 2.591 9.375 5.275 9.39 5.59z"
955
+ fill="url(#f)"
956
+ />
957
+ <path
958
+ d="m24.96 24.36c0.314 0.2 0.573 0.374 0.8 0.531a17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21c0.189-5e-3 5.811-0.106 8.638 1.732z"
959
+ fill="url(#g)"
960
+ />
961
+ <path
962
+ d="m0.354 42.16c2.991 17.67 19.01 31.17 37.19 31.68 16.83 0.476 27.58-9.294 32.02-18.82a35.1 35.1 0 0 0 1.206-26.16v-0.037c0-0.029-6e-3 -0.046 0-0.037l7e-3 0.065c1.375 8.977-3.191 17.67-10.33 23.56l-0.022 0.05c-13.91 11.33-27.22 6.834-29.91 5q-0.282-0.135-0.564-0.281c-8.109-3.876-11.46-11.26-10.74-17.6a9.953 9.953 0 0 1-9.181-5.775 14.62 14.62 0 0 1 14.25-0.572 19.3 19.3 0 0 0 14.55 0.572c-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758c-0.23-0.157-0.489-0.327-0.8-0.531-2.827-1.838-8.449-1.737-8.635-1.732h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.638 4.337v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74c-0.019 0.079-1.396 6.099-0.717 9.221z"
963
+ fill="url(#h)"
964
+ />
965
+ <path
966
+ d="m52.42 26.86a21.1 21.1 0 0 1 3.6 4.7c0.213 0.161 0.412 0.321 0.581 0.476 8.787 8.1 4.183 19.55 3.84 20.36 7.138-5.881 11.7-14.58 10.33-23.56-4.384-10.93-11.82-15.34-17.88-24.93-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015c-1.499 0.711-10.39 14.79 1.66 26.83z"
967
+ fill="url(#i)"
968
+ />
969
+ <path
970
+ d="m56.6 32.04c-0.169-0.155-0.368-0.315-0.581-0.476-0.079-0.059-0.157-0.118-0.241-0.177a13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017c2.694 1.839 16 6.332 29.91-5l0.022-0.05c0.347-0.81 4.951-12.26-3.84-20.36z"
971
+ fill="url(#j)"
972
+ />
973
+ <path
974
+ d="m21.35 44.74s1.789-6.667 12.81-6.667c1.191 0 4.6-3.325 4.661-4.289a19.3 19.3 0 0 1-14.55-0.572 14.62 14.62 0 0 0-14.25 0.572 9.953 9.953 0 0 0 9.181 5.775c-0.718 6.337 2.632 13.72 10.74 17.6 0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.445-8.641-7.069-9.129-12.68z"
975
+ fill="url(#k)"
976
+ />
977
+ <path
978
+ d="m74.62 26.83c-1.684-4.052-5.1-8.427-7.775-9.81a40.27 40.27 0 0 1 3.925 11.76l7e-3 0.065c-4.382-10.92-11.81-15.33-17.88-24.92-0.307-0.485-0.614-0.971-0.913-1.484-0.171-0.293-0.308-0.557-0.427-0.8a7.053 7.053 0 0 1-0.578-1.535 0.1 0.1 0 0 0-0.088-0.1 0.138 0.138 0 0 0-0.073 0c-5e-3 0-0.013 9e-3 -0.019 0.011s-0.019 0.011-0.028 0.015l0.015-0.026c-9.735 5.7-13.04 16.25-13.34 21.53 0.452-0.031 0.9-0.069 1.362-0.069a19.56 19.56 0 0 1 16.98 9.917 13.38 13.38 0 0 0-9.345-2.269c13.94 6.97 10.2 30.97-9.119 30.07a17.24 17.24 0 0 1-5.043-0.973q-0.569-0.213-1.138-0.466c-0.219-0.1-0.438-0.2-0.654-0.312l0.027 0.017q-0.282-0.135-0.564-0.281c0.181 0.087 0.351 0.181 0.537 0.264-4.733-2.446-8.641-7.07-9.129-12.68 0 0 1.789-6.667 12.81-6.667 1.191 0 4.6-3.325 4.661-4.289-0.015-0.315-6.76-3-9.39-5.59-1.405-1.385-2.072-2.052-2.663-2.553a11.59 11.59 0 0 0-1-0.758 17.97 17.97 0 0 1-0.109-9.473 28.7 28.7 0 0 0-9.329 7.21h-0.018c-1.536-1.947-1.428-8.367-1.34-9.708a6.928 6.928 0 0 0-1.294 0.687 28.22 28.22 0 0 0-3.788 3.245 33.84 33.84 0 0 0-3.623 4.347v6e-3 -7e-3a32.73 32.73 0 0 0-5.2 11.74l-0.052 0.256c-0.073 0.341-0.4 2.073-0.447 2.445a45.09 45.09 0 0 0-0.572 5.403v0.2a38.76 38.76 0 0 0 76.95 6.554c0.065-0.5 0.118-0.995 0.176-1.5a39.86 39.86 0 0 0-2.514-19.47zm-3.845 1.991 7e-3 0.041z"
979
+ fill="url(#l)"
980
+ />
981
+ </g>
982
+ </svg>
983
+ </template>
984
+ <template v-else-if="props.name === 'chrome'">
985
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435.816 437.46">
986
+ <path
987
+ d="M217.341.039s128.478-5.783 196.57 123.337H206.416s-39.188-1.289-72.593 46.255c-9.634 19.916-19.91 40.473-8.349 80.937C108.773 222.309 36.823 97.04 36.823 97.04S87.578 5.176 217.341.039z"
988
+ fill="#c6352e"
989
+ ></path>
990
+ <path
991
+ d="M407.223 327.871s-59.247 114.143-205.118 108.533c17.995-31.148 103.772-179.682 103.772-179.682s20.709-33.289-3.744-85.991c-12.431-18.305-25.09-37.486-65.919-47.713 32.836-.326 177.285.021 177.285.021s54.168 89.891-6.276 204.832z"
992
+ fill="#f4d911"
993
+ ></path>
994
+ <path
995
+ d="M28.373 328.738s-69.224-108.395 8.58-231.908c17.979 31.16 103.71 179.72 103.71 179.72s18.469 34.578 76.341 39.756c22.061-1.609 45.007-2.982 74.279-33.223-16.139 28.594-88.673 153.521-88.673 153.521S97.681 438.56 28.373 328.738z"
996
+ fill="#81b354"
997
+ ></path>
998
+ <path
999
+ d="M202.105 437.46l29.187-121.793s32.092-2.504 58.982-32.017c-16.693 29.365-88.169 153.81-88.169 153.81z"
1000
+ fill="#7baa50"
1001
+ ></path>
1002
+ <path
1003
+ d="M119.59 220.093c0-53.69 43.52-97.215 97.215-97.215 53.69 0 97.214 43.524 97.214 97.215 0 53.693-43.522 97.219-97.214 97.219-53.695 0-97.215-43.525-97.215-97.219z"
1004
+ fill="#fff"
1005
+ ></path>
1006
+ <path
1007
+ d="M135.86 220.093c0-44.702 36.238-80.941 80.945-80.941 44.698 0 80.94 36.239 80.94 80.941 0 44.703-36.242 80.945-80.94 80.945-44.707.001-80.945-36.244-80.945-80.945z"
1008
+ fill="url(#a)"
1009
+ ></path>
1010
+ <path
1011
+ d="M413.5 123.039l-120.183 35.237s-18.123-26.596-57.104-35.258c33.776-.115 177.287.021 177.287.021z"
1012
+ fill="#e7ce12"
1013
+ ></path>
1014
+ <path
1015
+ d="M123.137 246.197c-16.89-29.25-86.31-149.16-86.31-149.16l89.029 88.07s-9.149 18.82-5.68 45.7l2.961 15.39z"
1016
+ fill="#bc332c"
1017
+ ></path>
1018
+ </svg>
1019
+ </template>
1020
+ <template v-else-if="props.name === 'edge'">
1021
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
1022
+ <defs>
1023
+ <linearGradient
1024
+ id="linearGradient-1"
1025
+ gradientUnits="userSpaceOnUse"
1026
+ x1="63.3343"
1027
+ y1="757.83"
1028
+ x2="241.6165"
1029
+ y2="757.83"
1030
+ gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1031
+ >
1032
+ <stop offset="0" style="stop-color: #0c59a4" />
1033
+ <stop offset="1" style="stop-color: #114a8b" />
1034
+ </linearGradient>
1035
+ <radialGradient
1036
+ id="radialGradient-1"
1037
+ cx="161.83"
1038
+ cy="788.4008"
1039
+ r="95.38"
1040
+ gradientTransform="matrix(0.9999 0 0 0.9498 -4.6217 -570.3868)"
1041
+ gradientUnits="userSpaceOnUse"
1042
+ >
1043
+ <stop offset="0.72" style="stop-color: #000000; stop-opacity: 0" />
1044
+ <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.53" />
1045
+ <stop offset="1" style="stop-color: #000000" />
1046
+ </radialGradient>
1047
+ <linearGradient
1048
+ id="linearGradient-2"
1049
+ gradientUnits="userSpaceOnUse"
1050
+ x1="157.4013"
1051
+ y1="680.5561"
1052
+ x2="46.0276"
1053
+ y2="801.8683"
1054
+ gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1055
+ >
1056
+ <stop offset="0" style="stop-color: #1b9de2" />
1057
+ <stop offset="0.16" style="stop-color: #1595df" />
1058
+ <stop offset="0.67" style="stop-color: #0680d7" />
1059
+ <stop offset="1" style="stop-color: #0078d4" />
1060
+ </linearGradient>
1061
+ <radialGradient
1062
+ id="radialGradient-2"
1063
+ cx="-773.6357"
1064
+ cy="746.7146"
1065
+ r="143.24"
1066
+ gradientTransform="matrix(0.15 -0.9898 0.8 0.12 -410.7182 -656.3412)"
1067
+ gradientUnits="userSpaceOnUse"
1068
+ >
1069
+ <stop offset="0.76" style="stop-color: #000000; stop-opacity: 0" />
1070
+ <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.5" />
1071
+ <stop offset="1" style="stop-color: #000000" />
1072
+ </radialGradient>
1073
+ <radialGradient
1074
+ id="radialGradient-3"
1075
+ cx="230.5926"
1076
+ cy="-106.0381"
1077
+ r="202.4299"
1078
+ gradientTransform="matrix(-3.999750e-02 0.9998 -2.1299 -7.998414e-02 -190.7749 -191.6354)"
1079
+ gradientUnits="userSpaceOnUse"
1080
+ >
1081
+ <stop offset="0" style="stop-color: #35c1f1" />
1082
+ <stop offset="0.11" style="stop-color: #34c1ed" />
1083
+ <stop offset="0.23" style="stop-color: #2fc2df" />
1084
+ <stop offset="0.31" style="stop-color: #2bc3d2" />
1085
+ <stop offset="0.67" style="stop-color: #36c752" />
1086
+ </radialGradient>
1087
+ <radialGradient
1088
+ id="radialGradient-4"
1089
+ cx="536.3567"
1090
+ cy="-117.7029"
1091
+ r="97.34"
1092
+ gradientTransform="matrix(0.28 0.9598 -0.78 0.23 -1.9279 -410.3179)"
1093
+ gradientUnits="userSpaceOnUse"
1094
+ >
1095
+ <stop offset="0" style="stop-color: #66eb6e" />
1096
+ <stop offset="1" style="stop-color: #66eb6e; stop-opacity: 0" />
1097
+ </radialGradient>
1098
+ </defs>
1099
+ <g>
1100
+ <path
1101
+ fill="url(#linearGradient-1)"
1102
+ d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3 c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4 c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5C233.9,189.9,232.3,189.8,231,190.5z"
1103
+ />
1104
+ <path
1105
+ opacity="0.35"
1106
+ fill="url(#radialGradient-1)"
1107
+ d="M231,190.5c-3.4,1.8-6.9,3.4-10.5,4.7 c-11.5,4.3-23.6,6.5-35.9,6.5c-47.3,0-88.5-32.5-88.5-74.3c0.1-11.4,6.4-21.9,16.4-27.3c-42.8,1.8-53.8,46.4-53.8,72.5 c0,73.9,68.1,81.4,82.8,81.4c7.9,0,19.8-2.3,27-4.6l1.3-0.4c27.6-9.5,51-28.1,66.6-52.8c1.2-1.9,0.6-4.3-1.2-5.5 C233.9,189.9,232.3,189.8,231,190.5z"
1108
+ />
1109
+ <path
1110
+ fill="url(#linearGradient-2)"
1111
+ d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2 c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2 c-0.2,19.3,4,38.5,12.1,56c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
1112
+ />
1113
+ <path
1114
+ opacity="0.41"
1115
+ fill="url(#radialGradient-2)"
1116
+ d="M105.7,241.4c-8.9-5.5-16.6-12.8-22.7-21.3 c-26.3-36-18.4-86.5,17.6-112.8c3.8-2.7,7.7-5.2,11.9-7.2c3.1-1.5,8.4-4.1,15.5-4c10.1,0.1,19.6,4.9,25.7,13 c4,5.4,6.3,11.9,6.4,18.7c0-0.2,24.5-79.6-80-79.6c-43.9,0-80,41.7-80,78.2c-0.2,19.3,4,38.5,12.1,56 c27.6,58.8,94.8,87.6,156.4,67.1C147.5,256.1,124.5,253.2,105.7,241.4L105.7,241.4z"
1117
+ />
1118
+ <path
1119
+ fill="url(#radialGradient-3)"
1120
+ d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
1121
+ />
1122
+ <path
1123
+ fill="url(#radialGradient-4)"
1124
+ d="M152.3,148.9c-0.8,1-3.3,2.5-3.3,5.7c0,2.6,1.7,5.1,4.7,7.2c14.4,10,41.5,8.7,41.6,8.7 c10.7,0,21.1-2.9,30.3-8.3c18.8-11,30.4-31.1,30.4-52.9c0.3-22.4-8-37.3-11.3-43.9C223.5,23.9,177.7,0,128,0C58,0,1,56.2,0,126.2 c0.5-36.5,36.8-66,80-66c3.5,0,23.5,0.3,42,10.1c16.3,8.6,24.9,18.9,30.8,29.2c6.2,10.7,7.3,24.1,7.3,29.5 C160.1,134.3,157.4,142.3,152.3,148.9z"
1125
+ />
1126
+ </g>
1127
+ </svg>
1128
+ </template>
1129
+ </template>
1130
+
1131
+ <script setup lang="ts">
1132
+ const props = defineProps<{
1133
+ name: string | undefined
1134
+ }>()
1135
+ </script>
1136
+
1137
+ <style scoped lang="scss"></style>