bfg-common 1.3.612 → 1.3.614

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 (19) hide show
  1. package/assets/localization/local_be.json +9 -5
  2. package/assets/localization/local_en.json +11 -7
  3. package/assets/localization/local_hy.json +11 -7
  4. package/assets/localization/local_kk.json +10 -6
  5. package/assets/localization/local_ru.json +2489 -2485
  6. package/assets/localization/local_zh.json +10 -6
  7. package/components/atoms/TheIcon2.vue +1368 -1366
  8. package/components/common/browse/Browse.vue +240 -240
  9. package/components/common/browse/blocks/Title.vue +91 -91
  10. package/components/common/browse/blocks/info/Date.vue +21 -21
  11. package/components/common/context/recursion/Recursion.vue +86 -86
  12. package/components/common/context/recursion/RecursionNew.vue +198 -198
  13. package/components/common/context/recursion/RecursionOld.vue +212 -212
  14. package/components/common/home/alertsTable/AlertsTable.vue +114 -114
  15. package/components/common/split/horizontal/HorizontalNew.vue +321 -321
  16. package/components/common/wizards/datastore/add/Add.vue +437 -437
  17. package/package.json +1 -1
  18. package/plugins/recursion.ts +293 -293
  19. package/store/tasks/mappers/recentTasks.ts +45 -45
package/components/atoms/TheIcon2.vue CHANGED
@@ -1,1366 +1,1368 @@
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
- <template v-else-if="props.name === 'eye'">
27
- <svg
28
- version="1.1"
29
- viewBox="0 0 36 36"
30
- preserveAspectRatio="xMidYMid meet"
31
- xmlns="http://www.w3.org/2000/svg"
32
- xmlns:xlink="http://www.w3.org/1999/xlink"
33
- focusable="false"
34
- role="img"
35
- >
36
- <path
37
- 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"
38
- class="clr-i-outline clr-i-outline-path-1"
39
- ></path>
40
- <path
41
- 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"
42
- class="clr-i-outline clr-i-outline-path-2"
43
- ></path>
44
- </svg>
45
- </template>
46
- <template v-else-if="props.name === 'eye-closed'">
47
- <svg
48
- version="1.1"
49
- viewBox="0 0 36 36"
50
- preserveAspectRatio="xMidYMid meet"
51
- xmlns="http://www.w3.org/2000/svg"
52
- xmlns:xlink="http://www.w3.org/1999/xlink"
53
- focusable="false"
54
- role="img"
55
- >
56
- <path
57
- 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"
58
- class="clr-i-outline clr-i-outline-path-1"
59
- ></path>
60
- <path
61
- 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"
62
- class="clr-i-outline clr-i-outline-path-2"
63
- ></path>
64
- <path
65
- 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"
66
- class="clr-i-outline clr-i-outline-path-3"
67
- ></path>
68
- </svg>
69
- </template>
70
- <template v-else-if="props.name === 'is-success'">
71
- <svg
72
- version="1.1"
73
- class="has-solid"
74
- viewBox="0 0 36 36"
75
- preserveAspectRatio="xMidYMid meet"
76
- xmlns="http://www.w3.org/2000/svg"
77
- xmlns:xlink="http://www.w3.org/1999/xlink"
78
- focusable="false"
79
- role="img"
80
- >
81
- <path
82
- 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"
83
- ></path>
84
- <path
85
- 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"
86
- fill="white"
87
- ></path>
88
- <path
89
- 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"
90
- fill="#2e8500"
91
- ></path>
92
- </svg>
93
- </template>
94
- <template v-else-if="props.name === 'drag'">
95
- <svg
96
- xmlns="http://www.w3.org/2000/svg"
97
- class="aivmw-color-theme"
98
- viewBox="-1 -1 38 38"
99
- >
100
- <circle
101
- cx="15"
102
- cy="12"
103
- r="1.5"
104
- class="aiclr-i-outline aiclr-i-outline-path-1"
105
- />
106
- <circle
107
- cx="15"
108
- cy="24"
109
- r="1.5"
110
- class="aiclr-i-outline aiclr-i-outline-path-2"
111
- />
112
- <circle
113
- cx="21"
114
- cy="12"
115
- r="1.5"
116
- class="aiclr-i-outline aiclr-i-outline-path-3"
117
- />
118
- <circle
119
- cx="21"
120
- cy="24"
121
- r="1.5"
122
- class="aiclr-i-outline aiclr-i-outline-path-4"
123
- />
124
- <circle
125
- cx="21"
126
- cy="18"
127
- r="1.5"
128
- class="aiclr-i-outline aiclr-i-outline-path-5"
129
- />
130
- <circle
131
- cx="15"
132
- cy="18"
133
- r="1.5"
134
- class="aiclr-i-outline aiclr-i-outline-path-6"
135
- />
136
- <path fill-opacity="0" d="M0 0h36v36H0z" />
137
- </svg>
138
- </template>
139
- <template v-else-if="props.name === 'happy-face'">
140
- <svg
141
- version="1.1"
142
- class="has-solid"
143
- viewBox="0 0 36 36"
144
- preserveAspectRatio="xMidYMid meet"
145
- xmlns="http://www.w3.org/2000/svg"
146
- xmlns:xlink="http://www.w3.org/1999/xlink"
147
- focusable="false"
148
- role="img"
149
- >
150
- <path
151
- 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"
152
- class="clr-i-outline clr-i-outline-path-1"
153
- ></path>
154
- <circle
155
- cx="10.89"
156
- cy="13.89"
157
- r="2"
158
- class="clr-i-outline clr-i-outline-path-2"
159
- ></circle>
160
- <circle
161
- cx="25.05"
162
- cy="13.89"
163
- r="2"
164
- class="clr-i-outline clr-i-outline-path-3"
165
- ></circle>
166
- <path
167
- 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"
168
- class="clr-i-outline clr-i-outline-path-4"
169
- ></path>
170
- </svg>
171
- </template>
172
- <template v-else-if="props.name === 'warning-standart'">
173
- <svg
174
- version="1.1"
175
- class="has-solid"
176
- viewBox="0 0 36 36"
177
- preserveAspectRatio="xMidYMid meet"
178
- xmlns="http://www.w3.org/2000/svg"
179
- xmlns:xlink="http://www.w3.org/1999/xlink"
180
- focusable="false"
181
- role="img"
182
- >
183
- <path
184
- class="clr-i-outline clr-i-outline-path-3"
185
- 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"
186
- ></path>
187
- <path
188
- class="clr-i-solid clr-i-solid-path-1"
189
- 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"
190
- ></path>
191
- </svg>
192
- </template>
193
- <template v-else-if="props.name === 'heart'">
194
- <svg
195
- version="1.1"
196
- class="has-solid"
197
- viewBox="0 0 36 36"
198
- preserveAspectRatio="xMidYMid meet"
199
- xmlns="http://www.w3.org/2000/svg"
200
- xmlns:xlink="http://www.w3.org/1999/xlink"
201
- focusable="false"
202
- role="img"
203
- >
204
- <path
205
- 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"
206
- class="clr-i-outline clr-i-outline-path-1"
207
- ></path>
208
- <path
209
- 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"
210
- class="clr-i-solid clr-i-solid-path-1"
211
- ></path>
212
- </svg>
213
- </template>
214
- <template v-else-if="props.name === 'lightbulb'">
215
- <svg
216
- version="1.1"
217
- class="can-badge has-solid"
218
- viewBox="0 0 36 36"
219
- preserveAspectRatio="xMidYMid meet"
220
- xmlns="http://www.w3.org/2000/svg"
221
- xmlns:xlink="http://www.w3.org/1999/xlink"
222
- focusable="false"
223
- role="img"
224
- >
225
- <path
226
- 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"
227
- class="clr-i-outline clr-i-outline-path-1"
228
- ></path>
229
- <path
230
- d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
231
- class="clr-i-solid clr-i-solid-path-1"
232
- ></path>
233
- <path
234
- d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
235
- class="clr-i-solid clr-i-solid-path-2"
236
- ></path>
237
- <path
238
- 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"
239
- class="clr-i-solid clr-i-solid-path-3"
240
- ></path>
241
- </svg>
242
- </template>
243
- <template v-else-if="props.name === 'pop-out'">
244
- <svg
245
- version="1.1"
246
- viewBox="0 0 36 36"
247
- preserveAspectRatio="xMidYMid meet"
248
- xmlns="http://www.w3.org/2000/svg"
249
- xmlns:xlink="http://www.w3.org/1999/xlink"
250
- focusable="false"
251
- role="img"
252
- >
253
- <path
254
- class="clr-i-outline clr-i-outline-path-1"
255
- d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
256
- ></path>
257
- <path
258
- class="clr-i-outline clr-i-outline-path-2"
259
- 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"
260
- ></path>
261
- </svg>
262
- </template>
263
- <template v-else-if="props.name === 'check'">
264
- <svg
265
- version="1.1"
266
- viewBox="0 0 36 36"
267
- preserveAspectRatio="xMidYMid meet"
268
- xmlns="http://www.w3.org/2000/svg"
269
- xmlns:xlink="http://www.w3.org/1999/xlink"
270
- focusable="false"
271
- role="img"
272
- >
273
- <path
274
- class="clr-i-outline clr-i-outline-path-1"
275
- 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"
276
- ></path>
277
- </svg>
278
- </template>
279
- <template v-else-if="props.name === 'edit'">
280
- <svg
281
- xmlns="http://www.w3.org/2000/svg"
282
- width="18"
283
- height="18"
284
- viewBox="-1 -1 38 38"
285
- y="1064"
286
- fill="#565656"
287
- >
288
- <path
289
- 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"
290
- />
291
- <path opacity="0" d="M0 0h36v36H0z" />
292
- </svg>
293
- </template>
294
- <template v-else-if="props.name === 'semi-circle-arrow'">
295
- <svg
296
- xmlns="http://www.w3.org/2000/svg"
297
- width="38"
298
- height="38"
299
- viewBox="-1 -1 38 38"
300
- fill="#565656"
301
- >
302
- <path
303
- 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"
304
- />
305
- <path opacity="0" d="M0 0h36v36H0z" />
306
- </svg>
307
- </template>
308
- <template v-else-if="props.name === 'add-networking'">
309
- <svg
310
- xmlns="http://www.w3.org/2000/svg"
311
- fill="#565656"
312
- width="38"
313
- height="38"
314
- viewBox="-1 -1 38 38"
315
- y="190"
316
- >
317
- <path fill="none" d="M0 0h36v36H0z" />
318
- <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
319
- <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
320
- <path
321
- fill="#565656"
322
- 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"
323
- />
324
- <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
325
- </svg>
326
- </template>
327
- <template v-else-if="props.name === 'refresh-network'">
328
- <svg
329
- xmlns="http://www.w3.org/2000/svg"
330
- fill="#565656"
331
- width="38"
332
- height="38"
333
- viewBox="-1 -1 38 38"
334
- y="342"
335
- >
336
- <path
337
- 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"
338
- />
339
- <path fill="none" d="M0 0h36v36H0z" />
340
- <path
341
- 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"
342
- />
343
- </svg>
344
- </template>
345
- <template v-else-if="props.name === 'safari'">
346
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
347
- <defs>
348
- <linearGradient
349
- id="a"
350
- x1="-868.775"
351
- x2="-868.775"
352
- y1="-881.357"
353
- y2="-879.35"
354
- gradientTransform="matrix(51.9299 0 0 -51.9299 45175.498 -45656.667)"
355
- gradientUnits="userSpaceOnUse"
356
- >
357
- <stop offset="0" stop-color="#1e6ff1"></stop>
358
- <stop offset="1" stop-color="#28cefb"></stop>
359
- </linearGradient>
360
- </defs>
361
- <path
362
- fill="none"
363
- fill-rule="evenodd"
364
- 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"
365
- ></path>
366
- <g data-name='Home-Screen-11"'>
367
- <circle cx="60.1" cy="60" r="52.1" fill="url(#a)"></circle>
368
- <path
369
- fill="none"
370
- stroke="#fff"
371
- stroke-linecap="square"
372
- stroke-width="1.003"
373
- d="M60.1024,107.4798v-8"
374
- ></path>
375
- <path
376
- fill="none"
377
- stroke="#fff"
378
- stroke-linecap="square"
379
- stroke-width="1.003"
380
- d="M60.1024,20.4798v-8"
381
- data-name="Line-2"
382
- ></path>
383
- <g data-name="Group-11">
384
- <path
385
- fill="none"
386
- stroke="#fff"
387
- stroke-linecap="square"
388
- stroke-width="1.003"
389
- d="M51.83207 106.78616l1.38918-7.87846M66.93946 21.1079l1.38918-7.87846"
390
- data-name="Line-2"
391
- ></path>
392
- </g>
393
- <g data-name="Group-11">
394
- <path
395
- fill="none"
396
- stroke="#fff"
397
- stroke-linecap="square"
398
- stroke-width="1.003"
399
- d="M43.85227 104.62661l2.73616-7.51754M73.608 22.87335l2.73616-7.51754"
400
- data-name="Line-2"
401
- ></path>
402
- </g>
403
- <g data-name="Group-11">
404
- <path
405
- fill="none"
406
- stroke="#fff"
407
- stroke-linecap="square"
408
- stroke-width="1.003"
409
- d="M36.312 101.16559l4-6.92821M79.812 25.82138l4-6.9282"
410
- data-name="Line-2"
411
- ></path>
412
- </g>
413
- <g data-name="Group-11">
414
- <path
415
- fill="none"
416
- stroke="#fff"
417
- stroke-linecap="square"
418
- stroke-width="1.003"
419
- d="M29.61161 96.39464l5.1423-6.12835M85.53413 29.74878l5.1423-6.12836"
420
- data-name="Line-2"
421
- ></path>
422
- </g>
423
- <g data-name="Group-11">
424
- <path
425
- fill="none"
426
- stroke="#fff"
427
- stroke-linecap="square"
428
- stroke-width="1.003"
429
- d="M23.66233 90.51885l6.12835-5.1423M90.30818 34.59634l6.12836-5.1423"
430
- data-name="Line-2"
431
- ></path>
432
- </g>
433
- <g data-name="Group-11">
434
- <path
435
- fill="none"
436
- stroke="#fff"
437
- stroke-linecap="square"
438
- stroke-width="1.003"
439
- d="M18.94561 83.72128l6.92819-4M94.2898 40.22129l6.9282-4"
440
- data-name="Line-2"
441
- ></path>
442
- </g>
443
- <g data-name="Group-11">
444
- <path
445
- fill="none"
446
- stroke="#fff"
447
- stroke-linecap="square"
448
- stroke-width="1.003"
449
- d="M15.386 76.2519l7.51754-2.73616M97.13924 46.49615L104.65678 43.76"
450
- data-name="Line-2"
451
- ></path>
452
- </g>
453
- <g data-name="Group-11">
454
- <path
455
- fill="none"
456
- stroke="#fff"
457
- stroke-linecap="square"
458
- stroke-width="1.003"
459
- d="M13.29134 68.29889L21.1698 66.9097M98.96961 53.1915l7.87847-1.38919"
460
- data-name="Line-2"
461
- ></path>
462
- </g>
463
- <g data-name="Group-11">
464
- <path
465
- fill="none"
466
- stroke="#fff"
467
- stroke-linecap="square"
468
- stroke-width="1.003"
469
- d="M12.61824 60.00238h8M99.61822 60.00238h8"
470
- data-name="Line-2"
471
- ></path>
472
- </g>
473
- <g data-name="Group-11">
474
- <path
475
- fill="none"
476
- stroke="#fff"
477
- stroke-linecap="square"
478
- stroke-width="1.003"
479
- d="M13.31368 51.78449l7.87846 1.38919M98.992 66.89189l7.87846 1.38918"
480
- data-name="Line-2"
481
- ></path>
482
- </g>
483
- <g data-name="Group-11">
484
- <path
485
- fill="none"
486
- stroke="#fff"
487
- stroke-linecap="square"
488
- stroke-width="1.003"
489
- d="M15.47 43.7719l7.51754 2.73616M97.22325 73.52765l7.51754 2.73616"
490
- data-name="Line-2"
491
- ></path>
492
- </g>
493
- <g data-name="Group-11">
494
- <path
495
- fill="none"
496
- stroke="#fff"
497
- stroke-linecap="square"
498
- stroke-width="1.003"
499
- d="M18.92822 36.30686l6.9282 4M94.27242 79.80686l6.92821 4"
500
- data-name="Line-2"
501
- ></path>
502
- </g>
503
- <g data-name="Group-11">
504
- <path
505
- fill="none"
506
- stroke="#fff"
507
- stroke-linecap="square"
508
- stroke-width="1.003"
509
- d="M23.67793 29.43833l6.12835 5.1423M90.32379 85.36085l6.12836 5.14231"
510
- data-name="Line-2"
511
- ></path>
512
- </g>
513
- <g data-name="Group-11">
514
- <path
515
- fill="none"
516
- stroke="#fff"
517
- stroke-linecap="square"
518
- stroke-width="1.003"
519
- d="M29.50992 23.626l5.1423 6.12836M85.43245 90.27185l5.1423 6.12836"
520
- data-name="Line-2"
521
- ></path>
522
- </g>
523
- <g data-name="Group-11">
524
- <path
525
- fill="none"
526
- stroke="#fff"
527
- stroke-linecap="square"
528
- stroke-width="1.003"
529
- d="M36.32019 18.86009l4 6.9282M79.82019 94.2043l4 6.9282"
530
- data-name="Line-2"
531
- ></path>
532
- </g>
533
- <g data-name="Group-11">
534
- <path
535
- fill="none"
536
- stroke="#fff"
537
- stroke-linecap="square"
538
- stroke-width="1.003"
539
- d="M43.85359 15.359l2.73616 7.51754M73.60934 97.11222l2.73616 7.51754"
540
- data-name="Line-2"
541
- ></path>
542
- </g>
543
- <g data-name="Group-11">
544
- <path
545
- fill="none"
546
- stroke="#fff"
547
- stroke-linecap="square"
548
- stroke-width="1.003"
549
- d="M51.802 13.29176l1.38919 7.87846M66.90935 98.97l1.38919 7.87846"
550
- data-name="Line-2"
551
- ></path>
552
- </g>
553
- <g>
554
- <g data-name="Group-11">
555
- <path
556
- fill="none"
557
- stroke="#fff"
558
- stroke-linecap="square"
559
- stroke-width="1.003"
560
- d="M55.93679 107.30772l.34863-3.98478M63.868 16.654l.34863-3.98477"
561
- data-name="Line-2"
562
- ></path>
563
- </g>
564
- <g data-name="Group-11">
565
- <path
566
- fill="none"
567
- stroke="#fff"
568
- stroke-linecap="square"
569
- stroke-width="1.003"
570
- d="M47.8203 105.92861l1.03528-3.8637M71.37283 18.02937l1.03528-3.86371"
571
- data-name="Line-2"
572
- ></path>
573
- </g>
574
- <g data-name="Group-11">
575
- <path
576
- fill="none"
577
- stroke="#fff"
578
- stroke-linecap="square"
579
- stroke-width="1.003"
580
- d="M39.99838 103.01769l1.69048-3.62523M78.45664 20.54368l1.69048-3.62523"
581
- data-name="Line-2"
582
- ></path>
583
- </g>
584
- <g data-name="Group-11">
585
- <path
586
- fill="none"
587
- stroke="#fff"
588
- stroke-linecap="square"
589
- stroke-width="1.003"
590
- d="M32.84 98.92712l2.29431-3.27661M85.03542 24.38428l2.29431-3.27661"
591
- data-name="Line-2"
592
- ></path>
593
- </g>
594
- <g data-name="Group-11">
595
- <path
596
- fill="none"
597
- stroke="#fff"
598
- stroke-linecap="square"
599
- stroke-width="1.003"
600
- d="M26.54054 93.59134L29.369 90.76292M90.88724 29.24464l2.82843-2.82843"
601
- data-name="Line-2"
602
- ></path>
603
- </g>
604
- <g data-name="Group-11">
605
- <path
606
- fill="none"
607
- stroke="#fff"
608
- stroke-linecap="square"
609
- stroke-width="1.003"
610
- d="M21.19133 87.29431L24.46794 85M95.73417 35.09885l3.27661-2.29431"
611
- data-name="Line-2"
612
- ></path>
613
- </g>
614
- <g data-name="Group-11">
615
- <path
616
- fill="none"
617
- stroke="#fff"
618
- stroke-linecap="square"
619
- stroke-width="1.003"
620
- d="M17.06127 80.08907L20.6865 78.3986M99.53528 41.63081l3.62523-1.69047"
621
- data-name="Line-2"
622
- ></path>
623
- </g>
624
- <g data-name="Group-11">
625
- <path
626
- fill="none"
627
- stroke="#fff"
628
- stroke-linecap="square"
629
- stroke-width="1.003"
630
- d="M14.20386 72.32676l3.8637-1.03528M102.10311 48.77422l3.8637-1.03527"
631
- data-name="Line-2"
632
- ></path>
633
- </g>
634
- <g data-name="Group-11">
635
- <path
636
- fill="none"
637
- stroke="#fff"
638
- stroke-linecap="square"
639
- stroke-width="1.003"
640
- d="M12.73681 64.15229l3.98478-.34863M103.39053 56.22111l3.98478-.34862"
641
- data-name="Line-2"
642
- ></path>
643
- </g>
644
- <g data-name="Group-11">
645
- <path
646
- fill="none"
647
- stroke="#fff"
648
- stroke-linecap="square"
649
- stroke-width="1.003"
650
- d="M12.77127 55.87244l3.98478.34863M103.425 63.80362l3.98478.34862"
651
- data-name="Line-2"
652
- ></path>
653
- </g>
654
- <g data-name="Group-11">
655
- <path
656
- fill="none"
657
- stroke="#fff"
658
- stroke-linecap="square"
659
- stroke-width="1.003"
660
- d="M14.14562 47.75326l3.8637 1.03528M102.04485 71.30579l3.8637 1.03528"
661
- data-name="Line-2"
662
- ></path>
663
- </g>
664
- <g data-name="Group-11">
665
- <path
666
- fill="none"
667
- stroke="#fff"
668
- stroke-linecap="square"
669
- stroke-width="1.003"
670
- d="M17.028 39.92087l3.62523 1.69047M99.502 78.37913l3.62523 1.69047"
671
- data-name="Line-2"
672
- ></path>
673
- </g>
674
- <g data-name="Group-11">
675
- <path
676
- fill="none"
677
- stroke="#fff"
678
- stroke-linecap="square"
679
- stroke-width="1.003"
680
- d="M21.17515 32.80011l3.27661 2.29431M95.718 84.99557l3.27661 2.2943"
681
- data-name="Line-2"
682
- ></path>
683
- </g>
684
- <g data-name="Group-11">
685
- <path
686
- fill="none"
687
- stroke="#fff"
688
- stroke-linecap="square"
689
- stroke-width="1.003"
690
- d="M26.53579 26.44337l2.82843 2.82843M90.88251 90.79009l2.82842 2.82843"
691
- data-name="Line-2"
692
- ></path>
693
- </g>
694
- <g data-name="Group-11">
695
- <path
696
- fill="none"
697
- stroke="#fff"
698
- stroke-linecap="square"
699
- stroke-width="1.003"
700
- d="M32.7894 21.08372l2.29431 3.27661M84.98486 95.62656l2.29431 3.27661"
701
- data-name="Line-2"
702
- ></path>
703
- </g>
704
- <g data-name="Group-11">
705
- <path
706
- fill="none"
707
- stroke="#fff"
708
- stroke-linecap="square"
709
- stroke-width="1.003"
710
- d="M40.02276 16.989l1.69047 3.62523M78.481 99.463l1.69047 3.62523"
711
- data-name="Line-2"
712
- ></path>
713
- </g>
714
- <g data-name="Group-11">
715
- <path
716
- fill="none"
717
- stroke="#fff"
718
- stroke-linecap="square"
719
- stroke-width="1.003"
720
- d="M47.77372 14.17253l1.03528 3.8637M71.32625 102.07178l1.03528 3.86371"
721
- data-name="Line-2"
722
- ></path>
723
- </g>
724
- <g data-name="Group-11">
725
- <path
726
- fill="none"
727
- stroke="#fff"
728
- stroke-linecap="square"
729
- stroke-width="1.003"
730
- d="M55.895 12.71089l.34862 3.98478M63.82621 103.36462l.34862 3.98477"
731
- data-name="Line-2"
732
- ></path>
733
- </g>
734
- </g>
735
- <g>
736
- <polygon
737
- fill="#fff"
738
- fill-rule="evenodd"
739
- points="97.07 29.06 55.97 55.36 23.07 91.06 64.37 65.36 97.07 29.06"
740
- ></polygon>
741
- <polygon
742
- fill="#ff3b30"
743
- fill-rule="evenodd"
744
- points="97.07 29.06 55.97 55.36 64.37 65.36 97.07 29.06"
745
- ></polygon>
746
- </g>
747
- </g>
748
- </svg>
749
- </template>
750
- <template v-else-if="props.name === 'firefox'">
751
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
752
- <defs>
753
- <linearGradient
754
- x1="70.79"
755
- x2="6.447"
756
- y1="12.39"
757
- y2="74.47"
758
- gradientTransform="translate(-1.3 -.004086)"
759
- gradientUnits="userSpaceOnUse"
760
- >
761
- <stop stop-color="#fff44f" offset=".048" />
762
- <stop stop-color="#ffe847" offset=".111" />
763
- <stop stop-color="#ffc830" offset=".225" />
764
- <stop stop-color="#ff980e" offset=".368" />
765
- <stop stop-color="#ff8b16" offset=".401" />
766
- <stop stop-color="#ff672a" offset=".462" />
767
- <stop stop-color="#ff3647" offset=".534" />
768
- <stop stop-color="#e31587" offset=".705" />
769
- </linearGradient>
770
- <radialGradient
771
- id="b"
772
- cx="-7907"
773
- cy="-8515"
774
- r="80.8"
775
- gradientTransform="translate(7974,8524)"
776
- gradientUnits="userSpaceOnUse"
777
- >
778
- <stop stop-color="#ffbd4f" offset=".129" />
779
- <stop stop-color="#ffac31" offset=".186" />
780
- <stop stop-color="#ff9d17" offset=".247" />
781
- <stop stop-color="#ff980e" offset=".283" />
782
- <stop stop-color="#ff563b" offset=".403" />
783
- <stop stop-color="#ff3750" offset=".467" />
784
- <stop stop-color="#f5156c" offset=".71" />
785
- <stop stop-color="#eb0878" offset=".782" />
786
- <stop stop-color="#e50080" offset=".86" />
787
- </radialGradient>
788
- <radialGradient
789
- id="c"
790
- cx="-7937"
791
- cy="-8482"
792
- r="80.8"
793
- gradientTransform="translate(7974,8524)"
794
- gradientUnits="userSpaceOnUse"
795
- >
796
- <stop stop-color="#960e18" offset=".3" />
797
- <stop stop-color="#b11927" stop-opacity=".74" offset=".351" />
798
- <stop stop-color="#db293d" stop-opacity=".343" offset=".435" />
799
- <stop stop-color="#f5334b" stop-opacity=".094" offset=".497" />
800
- <stop stop-color="#ff3750" stop-opacity="0" offset=".53" />
801
- </radialGradient>
802
- <radialGradient
803
- id="d"
804
- cx="-7927"
805
- cy="-8533"
806
- r="58.53"
807
- gradientTransform="translate(7974,8524)"
808
- gradientUnits="userSpaceOnUse"
809
- >
810
- <stop stop-color="#fff44f" offset=".132" />
811
- <stop stop-color="#ffdc3e" offset=".252" />
812
- <stop stop-color="#ff9d12" offset=".506" />
813
- <stop stop-color="#ff980e" offset=".526" />
814
- </radialGradient>
815
- <radialGradient
816
- id="e"
817
- cx="-7946"
818
- cy="-8461"
819
- r="38.47"
820
- gradientTransform="translate(7974,8524)"
821
- gradientUnits="userSpaceOnUse"
822
- >
823
- <stop stop-color="#3a8ee6" offset=".353" />
824
- <stop stop-color="#5c79f0" offset=".472" />
825
- <stop stop-color="#9059ff" offset=".669" />
826
- <stop stop-color="#c139e6" offset="1" />
827
- </radialGradient>
828
- <radialGradient
829
- id="f"
830
- cx="-7936"
831
- cy="-8492"
832
- r="20.4"
833
- gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)"
834
- gradientUnits="userSpaceOnUse"
835
- >
836
- <stop stop-color="#9059ff" stop-opacity="0" offset=".206" />
837
- <stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278" />
838
- <stop stop-color="#7716a8" stop-opacity=".45" offset=".747" />
839
- <stop stop-color="#6e008b" stop-opacity=".6" offset=".975" />
840
- </radialGradient>
841
- <radialGradient
842
- id="g"
843
- cx="-7938"
844
- cy="-8518"
845
- r="27.68"
846
- gradientTransform="translate(7974,8524)"
847
- gradientUnits="userSpaceOnUse"
848
- >
849
- <stop stop-color="#ffe226" offset="0" />
850
- <stop stop-color="#ffdb27" offset=".121" />
851
- <stop stop-color="#ffc82a" offset=".295" />
852
- <stop stop-color="#ffa930" offset=".502" />
853
- <stop stop-color="#ff7e37" offset=".732" />
854
- <stop stop-color="#ff7139" offset=".792" />
855
- </radialGradient>
856
- <radialGradient
857
- id="h"
858
- cx="-7916"
859
- cy="-8536"
860
- r="118.1"
861
- gradientTransform="translate(7974,8524)"
862
- gradientUnits="userSpaceOnUse"
863
- >
864
- <stop stop-color="#fff44f" offset=".113" />
865
- <stop stop-color="#ff980e" offset=".456" />
866
- <stop stop-color="#ff5634" offset=".622" />
867
- <stop stop-color="#ff3647" offset=".716" />
868
- <stop stop-color="#e31587" offset=".904" />
869
- </radialGradient>
870
- <radialGradient
871
- id="i"
872
- cx="-7927"
873
- cy="-8523"
874
- r="86.5"
875
- gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)"
876
- gradientUnits="userSpaceOnUse"
877
- >
878
- <stop stop-color="#fff44f" offset="0" />
879
- <stop stop-color="#ffe847" offset=".06" />
880
- <stop stop-color="#ffc830" offset=".168" />
881
- <stop stop-color="#ff980e" offset=".304" />
882
- <stop stop-color="#ff8b16" offset=".356" />
883
- <stop stop-color="#ff672a" offset=".455" />
884
- <stop stop-color="#ff3647" offset=".57" />
885
- <stop stop-color="#e31587" offset=".737" />
886
- </radialGradient>
887
- <radialGradient
888
- id="j"
889
- cx="-7938"
890
- cy="-8508"
891
- r="73.72"
892
- gradientTransform="translate(7974,8524)"
893
- gradientUnits="userSpaceOnUse"
894
- >
895
- <stop stop-color="#fff44f" offset=".137" />
896
- <stop stop-color="#ff980e" offset=".48" />
897
- <stop stop-color="#ff5634" offset=".592" />
898
- <stop stop-color="#ff3647" offset=".655" />
899
- <stop stop-color="#e31587" offset=".904" />
900
- </radialGradient>
901
- <radialGradient
902
- id="k"
903
- cx="-7919"
904
- cy="-8504"
905
- r="80.69"
906
- gradientTransform="translate(7974,8524)"
907
- gradientUnits="userSpaceOnUse"
908
- >
909
- <stop stop-color="#fff44f" offset=".094" />
910
- <stop stop-color="#ffe141" offset=".231" />
911
- <stop stop-color="#ffaf1e" offset=".509" />
912
- <stop stop-color="#ff980e" offset=".626" />
913
- </radialGradient>
914
- <linearGradient
915
- id="l"
916
- x1="70.01"
917
- x2="15.27"
918
- y1="12.06"
919
- y2="66.81"
920
- gradientTransform="translate(-1.3 -.004086)"
921
- gradientUnits="userSpaceOnUse"
922
- >
923
- <stop stop-color="#fff44f" stop-opacity=".8" offset=".167" />
924
- <stop stop-color="#fff44f" stop-opacity=".634" offset=".266" />
925
- <stop stop-color="#fff44f" stop-opacity=".217" offset=".489" />
926
- <stop stop-color="#fff44f" stop-opacity="0" offset=".6" />
927
- </linearGradient>
928
- </defs>
929
- <g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
930
- <path
931
- 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"
932
- fill="url(#a)"
933
- />
934
- <path
935
- 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"
936
- fill="url(#b)"
937
- />
938
- <path
939
- 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"
940
- fill="url(#c)"
941
- />
942
- <path
943
- 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"
944
- fill="url(#d)"
945
- />
946
- <path
947
- 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"
948
- fill="url(#e)"
949
- />
950
- <path
951
- 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"
952
- fill="url(#f)"
953
- />
954
- <path
955
- 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"
956
- fill="url(#g)"
957
- />
958
- <path
959
- 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"
960
- fill="url(#h)"
961
- />
962
- <path
963
- 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"
964
- fill="url(#i)"
965
- />
966
- <path
967
- 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"
968
- fill="url(#j)"
969
- />
970
- <path
971
- 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"
972
- fill="url(#k)"
973
- />
974
- <path
975
- 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"
976
- fill="url(#l)"
977
- />
978
- </g>
979
- </svg>
980
- </template>
981
- <template v-else-if="props.name === 'chrome'">
982
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435.816 437.46">
983
- <path
984
- 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"
985
- fill="#c6352e"
986
- ></path>
987
- <path
988
- 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"
989
- fill="#f4d911"
990
- ></path>
991
- <path
992
- 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"
993
- fill="#81b354"
994
- ></path>
995
- <path
996
- 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"
997
- fill="#7baa50"
998
- ></path>
999
- <path
1000
- 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"
1001
- fill="#fff"
1002
- ></path>
1003
- <path
1004
- 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"
1005
- fill="url(#a)"
1006
- ></path>
1007
- <path
1008
- 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"
1009
- fill="#e7ce12"
1010
- ></path>
1011
- <path
1012
- 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"
1013
- fill="#bc332c"
1014
- ></path>
1015
- </svg>
1016
- </template>
1017
- <template v-else-if="props.name === 'edge'">
1018
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
1019
- <defs>
1020
- <linearGradient
1021
- id="linearGradient-1"
1022
- gradientUnits="userSpaceOnUse"
1023
- x1="63.3343"
1024
- y1="757.83"
1025
- x2="241.6165"
1026
- y2="757.83"
1027
- gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1028
- >
1029
- <stop offset="0" style="stop-color: #0c59a4" />
1030
- <stop offset="1" style="stop-color: #114a8b" />
1031
- </linearGradient>
1032
- <radialGradient
1033
- id="radialGradient-1"
1034
- cx="161.83"
1035
- cy="788.4008"
1036
- r="95.38"
1037
- gradientTransform="matrix(0.9999 0 0 0.9498 -4.6217 -570.3868)"
1038
- gradientUnits="userSpaceOnUse"
1039
- >
1040
- <stop offset="0.72" style="stop-color: #000000; stop-opacity: 0" />
1041
- <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.53" />
1042
- <stop offset="1" style="stop-color: #000000" />
1043
- </radialGradient>
1044
- <linearGradient
1045
- id="linearGradient-2"
1046
- gradientUnits="userSpaceOnUse"
1047
- x1="157.4013"
1048
- y1="680.5561"
1049
- x2="46.0276"
1050
- y2="801.8683"
1051
- gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1052
- >
1053
- <stop offset="0" style="stop-color: #1b9de2" />
1054
- <stop offset="0.16" style="stop-color: #1595df" />
1055
- <stop offset="0.67" style="stop-color: #0680d7" />
1056
- <stop offset="1" style="stop-color: #0078d4" />
1057
- </linearGradient>
1058
- <radialGradient
1059
- id="radialGradient-2"
1060
- cx="-773.6357"
1061
- cy="746.7146"
1062
- r="143.24"
1063
- gradientTransform="matrix(0.15 -0.9898 0.8 0.12 -410.7182 -656.3412)"
1064
- gradientUnits="userSpaceOnUse"
1065
- >
1066
- <stop offset="0.76" style="stop-color: #000000; stop-opacity: 0" />
1067
- <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.5" />
1068
- <stop offset="1" style="stop-color: #000000" />
1069
- </radialGradient>
1070
- <radialGradient
1071
- id="radialGradient-3"
1072
- cx="230.5926"
1073
- cy="-106.0381"
1074
- r="202.4299"
1075
- gradientTransform="matrix(-3.999750e-02 0.9998 -2.1299 -7.998414e-02 -190.7749 -191.6354)"
1076
- gradientUnits="userSpaceOnUse"
1077
- >
1078
- <stop offset="0" style="stop-color: #35c1f1" />
1079
- <stop offset="0.11" style="stop-color: #34c1ed" />
1080
- <stop offset="0.23" style="stop-color: #2fc2df" />
1081
- <stop offset="0.31" style="stop-color: #2bc3d2" />
1082
- <stop offset="0.67" style="stop-color: #36c752" />
1083
- </radialGradient>
1084
- <radialGradient
1085
- id="radialGradient-4"
1086
- cx="536.3567"
1087
- cy="-117.7029"
1088
- r="97.34"
1089
- gradientTransform="matrix(0.28 0.9598 -0.78 0.23 -1.9279 -410.3179)"
1090
- gradientUnits="userSpaceOnUse"
1091
- >
1092
- <stop offset="0" style="stop-color: #66eb6e" />
1093
- <stop offset="1" style="stop-color: #66eb6e; stop-opacity: 0" />
1094
- </radialGradient>
1095
- </defs>
1096
- <g>
1097
- <path
1098
- fill="url(#linearGradient-1)"
1099
- 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"
1100
- />
1101
- <path
1102
- opacity="0.35"
1103
- fill="url(#radialGradient-1)"
1104
- 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"
1105
- />
1106
- <path
1107
- fill="url(#linearGradient-2)"
1108
- 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"
1109
- />
1110
- <path
1111
- opacity="0.41"
1112
- fill="url(#radialGradient-2)"
1113
- 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"
1114
- />
1115
- <path
1116
- fill="url(#radialGradient-3)"
1117
- 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"
1118
- />
1119
- <path
1120
- fill="url(#radialGradient-4)"
1121
- 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"
1122
- />
1123
- </g>
1124
- </svg>
1125
- </template>
1126
- <template v-else-if="props.name === 'host'">
1127
- <svg
1128
- :width="props.width"
1129
- :height="props.height"
1130
- viewBox="0 0 24 20"
1131
- fill="none"
1132
- xmlns="http://www.w3.org/2000/svg"
1133
- class="host-icon"
1134
- >
1135
- <path
1136
- d="M5.25 3.25H2.5C1.94772 3.25 1.5 3.69772 1.5 4.25V15.75C1.5 16.3023 1.94772 16.75 2.5 16.75H5.25"
1137
- stroke="currentColor"
1138
- stroke-width="1.2"
1139
- stroke-linecap="round"
1140
- />
1141
- <path
1142
- d="M18.75 3.25H21.5C22.0523 3.25 22.5 3.69772 22.5 4.25V15.75C22.5 16.3023 22.0523 16.75 21.5 16.75H18.75"
1143
- stroke="currentColor"
1144
- stroke-width="1.2"
1145
- stroke-linecap="round"
1146
- />
1147
- <rect
1148
- x="7.5"
1149
- y="1"
1150
- width="9"
1151
- height="18"
1152
- rx="1"
1153
- stroke="currentColor"
1154
- stroke-width="1.2"
1155
- />
1156
- <circle cx="12" cy="14.5" r="1.5" stroke="currentColor" />
1157
- <path
1158
- d="M18.75 13.75C19.3713 13.75 19.875 13.2463 19.875 12.625C19.875 12.0037 19.3713 11.5 18.75 11.5"
1159
- stroke="currentColor"
1160
- stroke-linecap="round"
1161
- />
1162
- <path
1163
- d="M5.25 13.75C4.62868 13.75 4.125 13.2463 4.125 12.625C4.125 12.0037 4.62868 11.5 5.25 11.5"
1164
- stroke="currentColor"
1165
- stroke-linecap="round"
1166
- />
1167
- <path d="M10.5 4H13.5" stroke="currentColor" stroke-linecap="round" />
1168
- <path d="M10.5 7H13.5" stroke="currentColor" stroke-linecap="round" />
1169
- <path d="M4.125 6.25H5.25" stroke="currentColor" stroke-linecap="round" />
1170
- <path
1171
- d="M18.75 6.25H19.875"
1172
- stroke="currentColor"
1173
- stroke-linecap="round"
1174
- />
1175
- </svg>
1176
- </template>
1177
- <template v-else-if="props.name === 'vm'">
1178
- <svg
1179
- :width="props.width"
1180
- :height="props.height"
1181
- viewBox="0 0 24 22"
1182
- fill="none"
1183
- xmlns="http://www.w3.org/2000/svg"
1184
- class="vm-icon"
1185
- >
1186
- <path
1187
- d="M12.0537 12.5V18.0381C12.0537 18.3239 12.2062 18.588 12.4537 18.7309L16.8499 21.2691C17.0974 21.412 17.4023 21.412 17.6499 21.2691L22.046 18.7309C22.2935 18.588 22.446 18.3239 22.446 18.0381V12.9619C22.446 12.6761 22.2935 12.412 22.046 12.2691L17.6499 9.73094C17.4023 9.58803 17.0974 9.58803 16.8499 9.73094L12.0537 12.5ZM12.0537 12.5L17.2499 15.5M17.2499 15.5V21.3184M17.2499 15.5L22.3299 12.567"
1188
- stroke="currentColor"
1189
- stroke-width="1.2"
1190
- stroke-linejoin="round"
1191
- />
1192
- <path
1193
- d="M6.75572 20.75V15.875M1.77427 12.624L6.57026 15.3929V15.3929C6.68503 15.4592 6.82642 15.4592 6.94118 15.3929L11.795 12.5906M1.55957 12.9619V18.0381C1.55957 18.3239 1.71205 18.588 1.95957 18.7309L6.35572 21.2691C6.60324 21.412 6.9082 21.412 7.15572 21.2691L11.5519 18.7309C11.7994 18.588 11.9519 18.3239 11.9519 18.0381V12.9619C11.9519 12.6761 11.7994 12.412 11.5519 12.2691L7.15572 9.73094C6.9082 9.58803 6.60324 9.58803 6.35572 9.73094L1.95957 12.2691C1.71205 12.412 1.55957 12.6761 1.55957 12.9619Z"
1194
- stroke="currentColor"
1195
- stroke-width="1.2"
1196
- stroke-linejoin="round"
1197
- />
1198
- <path
1199
- d="M12.0555 12.5L16.8517 9.73094C17.0992 9.58803 17.2517 9.32393 17.2517 9.03812V3.96188C17.2517 3.67607 17.0992 3.41197 16.8517 3.26906L12.4555 0.73094C12.208 0.588034 11.903 0.588034 11.6555 0.73094L7.25937 3.26906C7.01185 3.41197 6.85938 3.67607 6.85938 3.96188V9.03812C6.85938 9.32393 7.01185 9.58803 7.25938 9.73094L12.0555 12.5ZM12.0555 12.5V6.5M12.0555 6.5L7.01004 3.58699M12.0555 6.5L17.083 3.5974"
1200
- stroke="currentColor"
1201
- stroke-width="1.2"
1202
- stroke-linejoin="round"
1203
- />
1204
- </svg>
1205
- </template>
1206
- <template v-else-if="props.name === 'datastore'">
1207
- <svg
1208
- :width="props.width"
1209
- :height="props.height"
1210
- viewBox="0 0 20 24"
1211
- fill="none"
1212
- xmlns="http://www.w3.org/2000/svg"
1213
- class="datastore-icon"
1214
- >
1215
- <path
1216
- d="M19 3.75C19 4.99264 14.9706 6 10 6C5.02944 6 1 4.99264 1 3.75M19 3.75C19 2.50736 14.9706 1.5 10 1.5C5.02944 1.5 1 2.50736 1 3.75M19 3.75V20.25C19 21.4926 14.9706 22.5 10 22.5C5.02944 22.5 1 21.4926 1 20.25V3.75M19 9.25488C19 10.4975 14.9706 11.5049 10 11.5049C5.02944 11.5049 1 10.4975 1 9.25488M19 14.7598C19 16.0024 14.9706 17.0098 10 17.0098C5.02944 17.0098 1 16.0024 1 14.7598"
1217
- stroke="currentColor"
1218
- stroke-width="1.2"
1219
- />
1220
- <path
1221
- d="M4 8.17529H4.001"
1222
- stroke="currentColor"
1223
- stroke-width="1.2"
1224
- stroke-linecap="round"
1225
- />
1226
- <path
1227
- d="M4 13.6802H4.001"
1228
- stroke="currentColor"
1229
- stroke-width="1.2"
1230
- stroke-linecap="round"
1231
- />
1232
- <path
1233
- d="M4 19.1997H4.001"
1234
- stroke="currentColor"
1235
- stroke-width="1.2"
1236
- stroke-linecap="round"
1237
- />
1238
- <path
1239
- d="M7 8.625H7.001"
1240
- stroke="currentColor"
1241
- stroke-width="1.2"
1242
- stroke-linecap="round"
1243
- />
1244
- <path
1245
- d="M7 14.1299H7.001"
1246
- stroke="currentColor"
1247
- stroke-width="1.2"
1248
- stroke-linecap="round"
1249
- />
1250
- <path
1251
- d="M7 19.6348H7.001"
1252
- stroke="currentColor"
1253
- stroke-width="1.2"
1254
- stroke-linecap="round"
1255
- />
1256
- </svg>
1257
- </template>
1258
- <template v-else-if="props.name === 'backup'">
1259
- <svg
1260
- xmlns="http://www.w3.org/2000/svg"
1261
- :width="props.width"
1262
- :height="props.height"
1263
- viewBox="0 0 24 24"
1264
- fill="none"
1265
- >
1266
- <g clip-path="url(#clip0_927_13361)">
1267
- <path
1268
- d="M4.5 19.5V19.5C2.84315 19.5 1.5 18.1569 1.5 16.5V4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H16.5C18.1569 1.5 19.5 2.84315 19.5 4.5V4.5"
1269
- stroke="currentColor"
1270
- stroke-width="1.2"
1271
- />
1272
- <rect
1273
- x="4.5"
1274
- y="4.5"
1275
- width="18"
1276
- height="18"
1277
- rx="3"
1278
- stroke="currentColor"
1279
- stroke-width="1.2"
1280
- />
1281
- <path
1282
- d="M10.318 16.682C11.1324 17.4963 12.2574 18 13.5 18C15.9853 18 18 15.9853 18 13.5C18 11.0147 15.9853 9 13.5 9C11.471 9 10.2412 10.3523 9 11.75M10.1458 16.5C10.5257 16.9244 10.9848 17.2762 11.5 17.5322"
1283
- stroke="currentColor"
1284
- stroke-width="1.2"
1285
- stroke-linecap="round"
1286
- stroke-linejoin="round"
1287
- />
1288
- <path
1289
- d="M9 9.50732V11.7509H11.25"
1290
- stroke="currentColor"
1291
- stroke-width="1.2"
1292
- stroke-linecap="round"
1293
- stroke-linejoin="round"
1294
- />
1295
- </g>
1296
- <defs>
1297
- <clipPath id="clip0_927_13361">
1298
- <rect width="24" height="24" fill="white" />
1299
- </clipPath>
1300
- </defs>
1301
- </svg>
1302
- </template>
1303
- <template v-else-if="props.name === 'network'">
1304
- <svg
1305
- :width="props.width"
1306
- :height="props.height"
1307
- viewBox="0 0 24 24"
1308
- fill="none"
1309
- xmlns="http://www.w3.org/2000/svg"
1310
- >
1311
- <g clip-path="url(#clip0_2062_7683)">
1312
- <path
1313
- d="M14.625 12.75C14.625 13.7083 14.2983 14.5902 13.7501 15.2905C12.995 16.2551 11.8199 16.875 10.5 16.875C9.44523 16.875 8.48292 16.4791 7.75355 15.8278C6.90759 15.0724 6.375 13.9734 6.375 12.75C6.375 10.4718 8.22183 8.625 10.5 8.625C11.4157 8.625 12.2618 8.92339 12.9462 9.42824C13.9645 10.1794 14.625 11.3876 14.625 12.75Z"
1314
- stroke="currentColor"
1315
- stroke-width="1.2"
1316
- />
1317
- <path
1318
- d="M22.5 19.5C22.5 21.1569 21.1569 22.5 19.5 22.5C17.8431 22.5 16.5 21.1569 16.5 19.5C16.5 18.8196 16.7265 18.1921 17.1082 17.6888C17.6561 16.9665 18.5236 16.5 19.5 16.5C21.1569 16.5 22.5 17.8431 22.5 19.5Z"
1319
- stroke="currentColor"
1320
- stroke-width="1.2"
1321
- />
1322
- <path
1323
- d="M4.5 6C4.5 6.82843 3.82843 7.5 3 7.5C2.17157 7.5 1.5 6.82843 1.5 6C1.5 5.17157 2.17157 4.5 3 4.5C3.82843 4.5 4.5 5.17157 4.5 6Z"
1324
- stroke="currentColor"
1325
- stroke-width="1.2"
1326
- />
1327
- <path
1328
- d="M19.5 3.75C19.5 4.99264 18.4926 6 17.25 6C16.7541 6 16.2957 5.8396 15.9239 5.56785C15.3638 5.15859 15 4.49678 15 3.75C15 2.50736 16.0074 1.5 17.25 1.5C18.4926 1.5 19.5 2.50736 19.5 3.75Z"
1329
- stroke="currentColor"
1330
- stroke-width="1.2"
1331
- />
1332
- <path
1333
- d="M6 20.25C6 21.4926 4.99264 22.5 3.75 22.5C2.50736 22.5 1.5 21.4926 1.5 20.25C1.5 19.0074 2.50736 18 3.75 18C4.32627 18 4.85193 18.2166 5.25 18.5729C5.71031 18.9849 6 19.5836 6 20.25Z"
1334
- stroke="currentColor"
1335
- stroke-width="1.2"
1336
- />
1337
- <path
1338
- d="M4.07031 7.05141L7.42597 9.99961M5.25024 18.5729L7.7538 15.8278M17.1085 17.6888L13.7503 15.2905M15.9241 5.56787L12.9464 9.42826"
1339
- stroke="currentColor"
1340
- stroke-width="1.2"
1341
- />
1342
- </g>
1343
- <defs>
1344
- <clipPath id="clip0_2062_7683">
1345
- <rect width="24" height="24" fill="white" />
1346
- </clipPath>
1347
- </defs>
1348
- </svg>
1349
- </template>
1350
- </template>
1351
-
1352
- <script setup lang="ts">
1353
- const props = withDefaults(
1354
- defineProps<{
1355
- name: string
1356
- width?: string
1357
- height?: string
1358
- }>(),
1359
- {
1360
- width: '24',
1361
- height: '24',
1362
- }
1363
- )
1364
- </script>
1365
-
1366
- <style scoped lang="scss"></style>
1
+ <template>
2
+ <template v-if="props.name === 'help-info'">
3
+ <svg
4
+ :width="props.width"
5
+ :height="props.height"
6
+ version="1.1"
7
+ viewBox="0 0 36 36"
8
+ preserveAspectRatio="xMidYMid meet"
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ xmlns:xlink="http://www.w3.org/1999/xlink"
11
+ focusable="false"
12
+ role="img"
13
+ >
14
+ <path
15
+ 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"
16
+ class="clr-i-outline clr-i-outline-path-1"
17
+ ></path>
18
+ <path
19
+ 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"
20
+ class="clr-i-outline clr-i-outline-path-2"
21
+ ></path>
22
+ <path
23
+ 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"
24
+ class="clr-i-outline clr-i-outline-path-3"
25
+ ></path>
26
+ </svg>
27
+ </template>
28
+ <template v-else-if="props.name === 'eye'">
29
+ <svg
30
+ version="1.1"
31
+ viewBox="0 0 36 36"
32
+ preserveAspectRatio="xMidYMid meet"
33
+ xmlns="http://www.w3.org/2000/svg"
34
+ xmlns:xlink="http://www.w3.org/1999/xlink"
35
+ focusable="false"
36
+ role="img"
37
+ >
38
+ <path
39
+ 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"
40
+ class="clr-i-outline clr-i-outline-path-1"
41
+ ></path>
42
+ <path
43
+ 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"
44
+ class="clr-i-outline clr-i-outline-path-2"
45
+ ></path>
46
+ </svg>
47
+ </template>
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
+ x1="70.79"
757
+ x2="6.447"
758
+ y1="12.39"
759
+ y2="74.47"
760
+ gradientTransform="translate(-1.3 -.004086)"
761
+ gradientUnits="userSpaceOnUse"
762
+ >
763
+ <stop stop-color="#fff44f" offset=".048" />
764
+ <stop stop-color="#ffe847" offset=".111" />
765
+ <stop stop-color="#ffc830" offset=".225" />
766
+ <stop stop-color="#ff980e" offset=".368" />
767
+ <stop stop-color="#ff8b16" offset=".401" />
768
+ <stop stop-color="#ff672a" offset=".462" />
769
+ <stop stop-color="#ff3647" offset=".534" />
770
+ <stop stop-color="#e31587" offset=".705" />
771
+ </linearGradient>
772
+ <radialGradient
773
+ id="b"
774
+ cx="-7907"
775
+ cy="-8515"
776
+ r="80.8"
777
+ gradientTransform="translate(7974,8524)"
778
+ gradientUnits="userSpaceOnUse"
779
+ >
780
+ <stop stop-color="#ffbd4f" offset=".129" />
781
+ <stop stop-color="#ffac31" offset=".186" />
782
+ <stop stop-color="#ff9d17" offset=".247" />
783
+ <stop stop-color="#ff980e" offset=".283" />
784
+ <stop stop-color="#ff563b" offset=".403" />
785
+ <stop stop-color="#ff3750" offset=".467" />
786
+ <stop stop-color="#f5156c" offset=".71" />
787
+ <stop stop-color="#eb0878" offset=".782" />
788
+ <stop stop-color="#e50080" offset=".86" />
789
+ </radialGradient>
790
+ <radialGradient
791
+ id="c"
792
+ cx="-7937"
793
+ cy="-8482"
794
+ r="80.8"
795
+ gradientTransform="translate(7974,8524)"
796
+ gradientUnits="userSpaceOnUse"
797
+ >
798
+ <stop stop-color="#960e18" offset=".3" />
799
+ <stop stop-color="#b11927" stop-opacity=".74" offset=".351" />
800
+ <stop stop-color="#db293d" stop-opacity=".343" offset=".435" />
801
+ <stop stop-color="#f5334b" stop-opacity=".094" offset=".497" />
802
+ <stop stop-color="#ff3750" stop-opacity="0" offset=".53" />
803
+ </radialGradient>
804
+ <radialGradient
805
+ id="d"
806
+ cx="-7927"
807
+ cy="-8533"
808
+ r="58.53"
809
+ gradientTransform="translate(7974,8524)"
810
+ gradientUnits="userSpaceOnUse"
811
+ >
812
+ <stop stop-color="#fff44f" offset=".132" />
813
+ <stop stop-color="#ffdc3e" offset=".252" />
814
+ <stop stop-color="#ff9d12" offset=".506" />
815
+ <stop stop-color="#ff980e" offset=".526" />
816
+ </radialGradient>
817
+ <radialGradient
818
+ id="e"
819
+ cx="-7946"
820
+ cy="-8461"
821
+ r="38.47"
822
+ gradientTransform="translate(7974,8524)"
823
+ gradientUnits="userSpaceOnUse"
824
+ >
825
+ <stop stop-color="#3a8ee6" offset=".353" />
826
+ <stop stop-color="#5c79f0" offset=".472" />
827
+ <stop stop-color="#9059ff" offset=".669" />
828
+ <stop stop-color="#c139e6" offset="1" />
829
+ </radialGradient>
830
+ <radialGradient
831
+ id="f"
832
+ cx="-7936"
833
+ cy="-8492"
834
+ r="20.4"
835
+ gradientTransform="matrix(.972 -.235 .275 1.138 10090 7834)"
836
+ gradientUnits="userSpaceOnUse"
837
+ >
838
+ <stop stop-color="#9059ff" stop-opacity="0" offset=".206" />
839
+ <stop stop-color="#8c4ff3" stop-opacity=".064" offset=".278" />
840
+ <stop stop-color="#7716a8" stop-opacity=".45" offset=".747" />
841
+ <stop stop-color="#6e008b" stop-opacity=".6" offset=".975" />
842
+ </radialGradient>
843
+ <radialGradient
844
+ id="g"
845
+ cx="-7938"
846
+ cy="-8518"
847
+ r="27.68"
848
+ gradientTransform="translate(7974,8524)"
849
+ gradientUnits="userSpaceOnUse"
850
+ >
851
+ <stop stop-color="#ffe226" offset="0" />
852
+ <stop stop-color="#ffdb27" offset=".121" />
853
+ <stop stop-color="#ffc82a" offset=".295" />
854
+ <stop stop-color="#ffa930" offset=".502" />
855
+ <stop stop-color="#ff7e37" offset=".732" />
856
+ <stop stop-color="#ff7139" offset=".792" />
857
+ </radialGradient>
858
+ <radialGradient
859
+ id="h"
860
+ cx="-7916"
861
+ cy="-8536"
862
+ r="118.1"
863
+ gradientTransform="translate(7974,8524)"
864
+ gradientUnits="userSpaceOnUse"
865
+ >
866
+ <stop stop-color="#fff44f" offset=".113" />
867
+ <stop stop-color="#ff980e" offset=".456" />
868
+ <stop stop-color="#ff5634" offset=".622" />
869
+ <stop stop-color="#ff3647" offset=".716" />
870
+ <stop stop-color="#e31587" offset=".904" />
871
+ </radialGradient>
872
+ <radialGradient
873
+ id="i"
874
+ cx="-7927"
875
+ cy="-8523"
876
+ r="86.5"
877
+ gradientTransform="matrix(.105 .995 -.653 .069 -4685 8470)"
878
+ gradientUnits="userSpaceOnUse"
879
+ >
880
+ <stop stop-color="#fff44f" offset="0" />
881
+ <stop stop-color="#ffe847" offset=".06" />
882
+ <stop stop-color="#ffc830" offset=".168" />
883
+ <stop stop-color="#ff980e" offset=".304" />
884
+ <stop stop-color="#ff8b16" offset=".356" />
885
+ <stop stop-color="#ff672a" offset=".455" />
886
+ <stop stop-color="#ff3647" offset=".57" />
887
+ <stop stop-color="#e31587" offset=".737" />
888
+ </radialGradient>
889
+ <radialGradient
890
+ id="j"
891
+ cx="-7938"
892
+ cy="-8508"
893
+ r="73.72"
894
+ gradientTransform="translate(7974,8524)"
895
+ gradientUnits="userSpaceOnUse"
896
+ >
897
+ <stop stop-color="#fff44f" offset=".137" />
898
+ <stop stop-color="#ff980e" offset=".48" />
899
+ <stop stop-color="#ff5634" offset=".592" />
900
+ <stop stop-color="#ff3647" offset=".655" />
901
+ <stop stop-color="#e31587" offset=".904" />
902
+ </radialGradient>
903
+ <radialGradient
904
+ id="k"
905
+ cx="-7919"
906
+ cy="-8504"
907
+ r="80.69"
908
+ gradientTransform="translate(7974,8524)"
909
+ gradientUnits="userSpaceOnUse"
910
+ >
911
+ <stop stop-color="#fff44f" offset=".094" />
912
+ <stop stop-color="#ffe141" offset=".231" />
913
+ <stop stop-color="#ffaf1e" offset=".509" />
914
+ <stop stop-color="#ff980e" offset=".626" />
915
+ </radialGradient>
916
+ <linearGradient
917
+ id="l"
918
+ x1="70.01"
919
+ x2="15.27"
920
+ y1="12.06"
921
+ y2="66.81"
922
+ gradientTransform="translate(-1.3 -.004086)"
923
+ gradientUnits="userSpaceOnUse"
924
+ >
925
+ <stop stop-color="#fff44f" stop-opacity=".8" offset=".167" />
926
+ <stop stop-color="#fff44f" stop-opacity=".634" offset=".266" />
927
+ <stop stop-color="#fff44f" stop-opacity=".217" offset=".489" />
928
+ <stop stop-color="#fff44f" stop-opacity="0" offset=".6" />
929
+ </linearGradient>
930
+ </defs>
931
+ <g transform="matrix(.9819843 0 0 .9819843 .6974849 .7199239)">
932
+ <path
933
+ 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"
934
+ fill="url(#a)"
935
+ />
936
+ <path
937
+ 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"
938
+ fill="url(#b)"
939
+ />
940
+ <path
941
+ 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"
942
+ fill="url(#c)"
943
+ />
944
+ <path
945
+ 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"
946
+ fill="url(#d)"
947
+ />
948
+ <path
949
+ 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"
950
+ fill="url(#e)"
951
+ />
952
+ <path
953
+ 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"
954
+ fill="url(#f)"
955
+ />
956
+ <path
957
+ 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"
958
+ fill="url(#g)"
959
+ />
960
+ <path
961
+ 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"
962
+ fill="url(#h)"
963
+ />
964
+ <path
965
+ 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"
966
+ fill="url(#i)"
967
+ />
968
+ <path
969
+ 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"
970
+ fill="url(#j)"
971
+ />
972
+ <path
973
+ 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"
974
+ fill="url(#k)"
975
+ />
976
+ <path
977
+ 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"
978
+ fill="url(#l)"
979
+ />
980
+ </g>
981
+ </svg>
982
+ </template>
983
+ <template v-else-if="props.name === 'chrome'">
984
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435.816 437.46">
985
+ <path
986
+ 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"
987
+ fill="#c6352e"
988
+ ></path>
989
+ <path
990
+ 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"
991
+ fill="#f4d911"
992
+ ></path>
993
+ <path
994
+ 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"
995
+ fill="#81b354"
996
+ ></path>
997
+ <path
998
+ 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"
999
+ fill="#7baa50"
1000
+ ></path>
1001
+ <path
1002
+ 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"
1003
+ fill="#fff"
1004
+ ></path>
1005
+ <path
1006
+ 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"
1007
+ fill="url(#a)"
1008
+ ></path>
1009
+ <path
1010
+ 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"
1011
+ fill="#e7ce12"
1012
+ ></path>
1013
+ <path
1014
+ 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"
1015
+ fill="#bc332c"
1016
+ ></path>
1017
+ </svg>
1018
+ </template>
1019
+ <template v-else-if="props.name === 'edge'">
1020
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
1021
+ <defs>
1022
+ <linearGradient
1023
+ id="linearGradient-1"
1024
+ gradientUnits="userSpaceOnUse"
1025
+ x1="63.3343"
1026
+ y1="757.83"
1027
+ x2="241.6165"
1028
+ y2="757.83"
1029
+ gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1030
+ >
1031
+ <stop offset="0" style="stop-color: #0c59a4" />
1032
+ <stop offset="1" style="stop-color: #114a8b" />
1033
+ </linearGradient>
1034
+ <radialGradient
1035
+ id="radialGradient-1"
1036
+ cx="161.83"
1037
+ cy="788.4008"
1038
+ r="95.38"
1039
+ gradientTransform="matrix(0.9999 0 0 0.9498 -4.6217 -570.3868)"
1040
+ gradientUnits="userSpaceOnUse"
1041
+ >
1042
+ <stop offset="0.72" style="stop-color: #000000; stop-opacity: 0" />
1043
+ <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.53" />
1044
+ <stop offset="1" style="stop-color: #000000" />
1045
+ </radialGradient>
1046
+ <linearGradient
1047
+ id="linearGradient-2"
1048
+ gradientUnits="userSpaceOnUse"
1049
+ x1="157.4013"
1050
+ y1="680.5561"
1051
+ x2="46.0276"
1052
+ y2="801.8683"
1053
+ gradientTransform="matrix(1 0 0 1 -4.63 -580.8098)"
1054
+ >
1055
+ <stop offset="0" style="stop-color: #1b9de2" />
1056
+ <stop offset="0.16" style="stop-color: #1595df" />
1057
+ <stop offset="0.67" style="stop-color: #0680d7" />
1058
+ <stop offset="1" style="stop-color: #0078d4" />
1059
+ </linearGradient>
1060
+ <radialGradient
1061
+ id="radialGradient-2"
1062
+ cx="-773.6357"
1063
+ cy="746.7146"
1064
+ r="143.24"
1065
+ gradientTransform="matrix(0.15 -0.9898 0.8 0.12 -410.7182 -656.3412)"
1066
+ gradientUnits="userSpaceOnUse"
1067
+ >
1068
+ <stop offset="0.76" style="stop-color: #000000; stop-opacity: 0" />
1069
+ <stop offset="0.95" style="stop-color: #000000; stop-opacity: 0.5" />
1070
+ <stop offset="1" style="stop-color: #000000" />
1071
+ </radialGradient>
1072
+ <radialGradient
1073
+ id="radialGradient-3"
1074
+ cx="230.5926"
1075
+ cy="-106.0381"
1076
+ r="202.4299"
1077
+ gradientTransform="matrix(-3.999750e-02 0.9998 -2.1299 -7.998414e-02 -190.7749 -191.6354)"
1078
+ gradientUnits="userSpaceOnUse"
1079
+ >
1080
+ <stop offset="0" style="stop-color: #35c1f1" />
1081
+ <stop offset="0.11" style="stop-color: #34c1ed" />
1082
+ <stop offset="0.23" style="stop-color: #2fc2df" />
1083
+ <stop offset="0.31" style="stop-color: #2bc3d2" />
1084
+ <stop offset="0.67" style="stop-color: #36c752" />
1085
+ </radialGradient>
1086
+ <radialGradient
1087
+ id="radialGradient-4"
1088
+ cx="536.3567"
1089
+ cy="-117.7029"
1090
+ r="97.34"
1091
+ gradientTransform="matrix(0.28 0.9598 -0.78 0.23 -1.9279 -410.3179)"
1092
+ gradientUnits="userSpaceOnUse"
1093
+ >
1094
+ <stop offset="0" style="stop-color: #66eb6e" />
1095
+ <stop offset="1" style="stop-color: #66eb6e; stop-opacity: 0" />
1096
+ </radialGradient>
1097
+ </defs>
1098
+ <g>
1099
+ <path
1100
+ fill="url(#linearGradient-1)"
1101
+ 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"
1102
+ />
1103
+ <path
1104
+ opacity="0.35"
1105
+ fill="url(#radialGradient-1)"
1106
+ 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"
1107
+ />
1108
+ <path
1109
+ fill="url(#linearGradient-2)"
1110
+ 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"
1111
+ />
1112
+ <path
1113
+ opacity="0.41"
1114
+ fill="url(#radialGradient-2)"
1115
+ 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"
1116
+ />
1117
+ <path
1118
+ fill="url(#radialGradient-3)"
1119
+ 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"
1120
+ />
1121
+ <path
1122
+ fill="url(#radialGradient-4)"
1123
+ 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"
1124
+ />
1125
+ </g>
1126
+ </svg>
1127
+ </template>
1128
+ <template v-else-if="props.name === 'host'">
1129
+ <svg
1130
+ :width="props.width"
1131
+ :height="props.height"
1132
+ viewBox="0 0 24 20"
1133
+ fill="none"
1134
+ xmlns="http://www.w3.org/2000/svg"
1135
+ class="host-icon"
1136
+ >
1137
+ <path
1138
+ d="M5.25 3.25H2.5C1.94772 3.25 1.5 3.69772 1.5 4.25V15.75C1.5 16.3023 1.94772 16.75 2.5 16.75H5.25"
1139
+ stroke="currentColor"
1140
+ stroke-width="1.2"
1141
+ stroke-linecap="round"
1142
+ />
1143
+ <path
1144
+ d="M18.75 3.25H21.5C22.0523 3.25 22.5 3.69772 22.5 4.25V15.75C22.5 16.3023 22.0523 16.75 21.5 16.75H18.75"
1145
+ stroke="currentColor"
1146
+ stroke-width="1.2"
1147
+ stroke-linecap="round"
1148
+ />
1149
+ <rect
1150
+ x="7.5"
1151
+ y="1"
1152
+ width="9"
1153
+ height="18"
1154
+ rx="1"
1155
+ stroke="currentColor"
1156
+ stroke-width="1.2"
1157
+ />
1158
+ <circle cx="12" cy="14.5" r="1.5" stroke="currentColor" />
1159
+ <path
1160
+ d="M18.75 13.75C19.3713 13.75 19.875 13.2463 19.875 12.625C19.875 12.0037 19.3713 11.5 18.75 11.5"
1161
+ stroke="currentColor"
1162
+ stroke-linecap="round"
1163
+ />
1164
+ <path
1165
+ d="M5.25 13.75C4.62868 13.75 4.125 13.2463 4.125 12.625C4.125 12.0037 4.62868 11.5 5.25 11.5"
1166
+ stroke="currentColor"
1167
+ stroke-linecap="round"
1168
+ />
1169
+ <path d="M10.5 4H13.5" stroke="currentColor" stroke-linecap="round" />
1170
+ <path d="M10.5 7H13.5" stroke="currentColor" stroke-linecap="round" />
1171
+ <path d="M4.125 6.25H5.25" stroke="currentColor" stroke-linecap="round" />
1172
+ <path
1173
+ d="M18.75 6.25H19.875"
1174
+ stroke="currentColor"
1175
+ stroke-linecap="round"
1176
+ />
1177
+ </svg>
1178
+ </template>
1179
+ <template v-else-if="props.name === 'vm'">
1180
+ <svg
1181
+ :width="props.width"
1182
+ :height="props.height"
1183
+ viewBox="0 0 24 22"
1184
+ fill="none"
1185
+ xmlns="http://www.w3.org/2000/svg"
1186
+ class="vm-icon"
1187
+ >
1188
+ <path
1189
+ d="M12.0537 12.5V18.0381C12.0537 18.3239 12.2062 18.588 12.4537 18.7309L16.8499 21.2691C17.0974 21.412 17.4023 21.412 17.6499 21.2691L22.046 18.7309C22.2935 18.588 22.446 18.3239 22.446 18.0381V12.9619C22.446 12.6761 22.2935 12.412 22.046 12.2691L17.6499 9.73094C17.4023 9.58803 17.0974 9.58803 16.8499 9.73094L12.0537 12.5ZM12.0537 12.5L17.2499 15.5M17.2499 15.5V21.3184M17.2499 15.5L22.3299 12.567"
1190
+ stroke="currentColor"
1191
+ stroke-width="1.2"
1192
+ stroke-linejoin="round"
1193
+ />
1194
+ <path
1195
+ d="M6.75572 20.75V15.875M1.77427 12.624L6.57026 15.3929V15.3929C6.68503 15.4592 6.82642 15.4592 6.94118 15.3929L11.795 12.5906M1.55957 12.9619V18.0381C1.55957 18.3239 1.71205 18.588 1.95957 18.7309L6.35572 21.2691C6.60324 21.412 6.9082 21.412 7.15572 21.2691L11.5519 18.7309C11.7994 18.588 11.9519 18.3239 11.9519 18.0381V12.9619C11.9519 12.6761 11.7994 12.412 11.5519 12.2691L7.15572 9.73094C6.9082 9.58803 6.60324 9.58803 6.35572 9.73094L1.95957 12.2691C1.71205 12.412 1.55957 12.6761 1.55957 12.9619Z"
1196
+ stroke="currentColor"
1197
+ stroke-width="1.2"
1198
+ stroke-linejoin="round"
1199
+ />
1200
+ <path
1201
+ d="M12.0555 12.5L16.8517 9.73094C17.0992 9.58803 17.2517 9.32393 17.2517 9.03812V3.96188C17.2517 3.67607 17.0992 3.41197 16.8517 3.26906L12.4555 0.73094C12.208 0.588034 11.903 0.588034 11.6555 0.73094L7.25937 3.26906C7.01185 3.41197 6.85938 3.67607 6.85938 3.96188V9.03812C6.85938 9.32393 7.01185 9.58803 7.25938 9.73094L12.0555 12.5ZM12.0555 12.5V6.5M12.0555 6.5L7.01004 3.58699M12.0555 6.5L17.083 3.5974"
1202
+ stroke="currentColor"
1203
+ stroke-width="1.2"
1204
+ stroke-linejoin="round"
1205
+ />
1206
+ </svg>
1207
+ </template>
1208
+ <template v-else-if="props.name === 'datastore'">
1209
+ <svg
1210
+ :width="props.width"
1211
+ :height="props.height"
1212
+ viewBox="0 0 20 24"
1213
+ fill="none"
1214
+ xmlns="http://www.w3.org/2000/svg"
1215
+ class="datastore-icon"
1216
+ >
1217
+ <path
1218
+ d="M19 3.75C19 4.99264 14.9706 6 10 6C5.02944 6 1 4.99264 1 3.75M19 3.75C19 2.50736 14.9706 1.5 10 1.5C5.02944 1.5 1 2.50736 1 3.75M19 3.75V20.25C19 21.4926 14.9706 22.5 10 22.5C5.02944 22.5 1 21.4926 1 20.25V3.75M19 9.25488C19 10.4975 14.9706 11.5049 10 11.5049C5.02944 11.5049 1 10.4975 1 9.25488M19 14.7598C19 16.0024 14.9706 17.0098 10 17.0098C5.02944 17.0098 1 16.0024 1 14.7598"
1219
+ stroke="currentColor"
1220
+ stroke-width="1.2"
1221
+ />
1222
+ <path
1223
+ d="M4 8.17529H4.001"
1224
+ stroke="currentColor"
1225
+ stroke-width="1.2"
1226
+ stroke-linecap="round"
1227
+ />
1228
+ <path
1229
+ d="M4 13.6802H4.001"
1230
+ stroke="currentColor"
1231
+ stroke-width="1.2"
1232
+ stroke-linecap="round"
1233
+ />
1234
+ <path
1235
+ d="M4 19.1997H4.001"
1236
+ stroke="currentColor"
1237
+ stroke-width="1.2"
1238
+ stroke-linecap="round"
1239
+ />
1240
+ <path
1241
+ d="M7 8.625H7.001"
1242
+ stroke="currentColor"
1243
+ stroke-width="1.2"
1244
+ stroke-linecap="round"
1245
+ />
1246
+ <path
1247
+ d="M7 14.1299H7.001"
1248
+ stroke="currentColor"
1249
+ stroke-width="1.2"
1250
+ stroke-linecap="round"
1251
+ />
1252
+ <path
1253
+ d="M7 19.6348H7.001"
1254
+ stroke="currentColor"
1255
+ stroke-width="1.2"
1256
+ stroke-linecap="round"
1257
+ />
1258
+ </svg>
1259
+ </template>
1260
+ <template v-else-if="props.name === 'backup'">
1261
+ <svg
1262
+ xmlns="http://www.w3.org/2000/svg"
1263
+ :width="props.width"
1264
+ :height="props.height"
1265
+ viewBox="0 0 24 24"
1266
+ fill="none"
1267
+ >
1268
+ <g clip-path="url(#clip0_927_13361)">
1269
+ <path
1270
+ d="M4.5 19.5V19.5C2.84315 19.5 1.5 18.1569 1.5 16.5V4.5C1.5 2.84315 2.84315 1.5 4.5 1.5H16.5C18.1569 1.5 19.5 2.84315 19.5 4.5V4.5"
1271
+ stroke="currentColor"
1272
+ stroke-width="1.2"
1273
+ />
1274
+ <rect
1275
+ x="4.5"
1276
+ y="4.5"
1277
+ width="18"
1278
+ height="18"
1279
+ rx="3"
1280
+ stroke="currentColor"
1281
+ stroke-width="1.2"
1282
+ />
1283
+ <path
1284
+ d="M10.318 16.682C11.1324 17.4963 12.2574 18 13.5 18C15.9853 18 18 15.9853 18 13.5C18 11.0147 15.9853 9 13.5 9C11.471 9 10.2412 10.3523 9 11.75M10.1458 16.5C10.5257 16.9244 10.9848 17.2762 11.5 17.5322"
1285
+ stroke="currentColor"
1286
+ stroke-width="1.2"
1287
+ stroke-linecap="round"
1288
+ stroke-linejoin="round"
1289
+ />
1290
+ <path
1291
+ d="M9 9.50732V11.7509H11.25"
1292
+ stroke="currentColor"
1293
+ stroke-width="1.2"
1294
+ stroke-linecap="round"
1295
+ stroke-linejoin="round"
1296
+ />
1297
+ </g>
1298
+ <defs>
1299
+ <clipPath id="clip0_927_13361">
1300
+ <rect width="24" height="24" fill="white" />
1301
+ </clipPath>
1302
+ </defs>
1303
+ </svg>
1304
+ </template>
1305
+ <template v-else-if="props.name === 'network'">
1306
+ <svg
1307
+ :width="props.width"
1308
+ :height="props.height"
1309
+ viewBox="0 0 24 24"
1310
+ fill="none"
1311
+ xmlns="http://www.w3.org/2000/svg"
1312
+ >
1313
+ <g clip-path="url(#clip0_2062_7683)">
1314
+ <path
1315
+ d="M14.625 12.75C14.625 13.7083 14.2983 14.5902 13.7501 15.2905C12.995 16.2551 11.8199 16.875 10.5 16.875C9.44523 16.875 8.48292 16.4791 7.75355 15.8278C6.90759 15.0724 6.375 13.9734 6.375 12.75C6.375 10.4718 8.22183 8.625 10.5 8.625C11.4157 8.625 12.2618 8.92339 12.9462 9.42824C13.9645 10.1794 14.625 11.3876 14.625 12.75Z"
1316
+ stroke="currentColor"
1317
+ stroke-width="1.2"
1318
+ />
1319
+ <path
1320
+ d="M22.5 19.5C22.5 21.1569 21.1569 22.5 19.5 22.5C17.8431 22.5 16.5 21.1569 16.5 19.5C16.5 18.8196 16.7265 18.1921 17.1082 17.6888C17.6561 16.9665 18.5236 16.5 19.5 16.5C21.1569 16.5 22.5 17.8431 22.5 19.5Z"
1321
+ stroke="currentColor"
1322
+ stroke-width="1.2"
1323
+ />
1324
+ <path
1325
+ d="M4.5 6C4.5 6.82843 3.82843 7.5 3 7.5C2.17157 7.5 1.5 6.82843 1.5 6C1.5 5.17157 2.17157 4.5 3 4.5C3.82843 4.5 4.5 5.17157 4.5 6Z"
1326
+ stroke="currentColor"
1327
+ stroke-width="1.2"
1328
+ />
1329
+ <path
1330
+ d="M19.5 3.75C19.5 4.99264 18.4926 6 17.25 6C16.7541 6 16.2957 5.8396 15.9239 5.56785C15.3638 5.15859 15 4.49678 15 3.75C15 2.50736 16.0074 1.5 17.25 1.5C18.4926 1.5 19.5 2.50736 19.5 3.75Z"
1331
+ stroke="currentColor"
1332
+ stroke-width="1.2"
1333
+ />
1334
+ <path
1335
+ d="M6 20.25C6 21.4926 4.99264 22.5 3.75 22.5C2.50736 22.5 1.5 21.4926 1.5 20.25C1.5 19.0074 2.50736 18 3.75 18C4.32627 18 4.85193 18.2166 5.25 18.5729C5.71031 18.9849 6 19.5836 6 20.25Z"
1336
+ stroke="currentColor"
1337
+ stroke-width="1.2"
1338
+ />
1339
+ <path
1340
+ d="M4.07031 7.05141L7.42597 9.99961M5.25024 18.5729L7.7538 15.8278M17.1085 17.6888L13.7503 15.2905M15.9241 5.56787L12.9464 9.42826"
1341
+ stroke="currentColor"
1342
+ stroke-width="1.2"
1343
+ />
1344
+ </g>
1345
+ <defs>
1346
+ <clipPath id="clip0_2062_7683">
1347
+ <rect width="24" height="24" fill="white" />
1348
+ </clipPath>
1349
+ </defs>
1350
+ </svg>
1351
+ </template>
1352
+ </template>
1353
+
1354
+ <script setup lang="ts">
1355
+ const props = withDefaults(
1356
+ defineProps<{
1357
+ name: string
1358
+ width?: string
1359
+ height?: string
1360
+ }>(),
1361
+ {
1362
+ width: '24',
1363
+ height: '24',
1364
+ }
1365
+ )
1366
+ </script>
1367
+
1368
+ <style scoped lang="scss"></style>