@koobiq/icons 7.1.0

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 (99) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/LICENSE +21 -0
  3. package/README.md +124 -0
  4. package/dist/fonts/mc-icons.css +371 -0
  5. package/dist/fonts/mc-icons.html +616 -0
  6. package/dist/fonts/mc-icons.scss +371 -0
  7. package/dist/fonts/mc-icons.ttf +0 -0
  8. package/dist/fonts/mc-icons.woff +0 -0
  9. package/dist/info/mc-icons-info.json +1 -0
  10. package/dist/svg/angle-down-L_16.svg +1 -0
  11. package/dist/svg/angle-down-L_24.svg +1 -0
  12. package/dist/svg/angle-down-M_16.svg +1 -0
  13. package/dist/svg/angle-down-M_24.svg +1 -0
  14. package/dist/svg/angle-down-S_16.svg +1 -0
  15. package/dist/svg/angle-left-L_16.svg +1 -0
  16. package/dist/svg/angle-left-L_24.svg +1 -0
  17. package/dist/svg/angle-left-M_16.svg +1 -0
  18. package/dist/svg/angle-left-M_24.svg +1 -0
  19. package/dist/svg/angle-left-S_16.svg +1 -0
  20. package/dist/svg/angle-right-L_16.svg +1 -0
  21. package/dist/svg/angle-right-L_24.svg +1 -0
  22. package/dist/svg/angle-right-M_16.svg +1 -0
  23. package/dist/svg/angle-right-M_24.svg +1 -0
  24. package/dist/svg/angle-right-M_32.svg +1 -0
  25. package/dist/svg/angle-right-S_16.svg +1 -0
  26. package/dist/svg/angle-up-L_16.svg +1 -0
  27. package/dist/svg/angle-up-L_24.svg +1 -0
  28. package/dist/svg/angle-up-M_16.svg +1 -0
  29. package/dist/svg/angle-up-M_24.svg +1 -0
  30. package/dist/svg/angle-up-S_16.svg +1 -0
  31. package/dist/svg/bell-o_16.svg +1 -0
  32. package/dist/svg/bell-o_24.svg +1 -0
  33. package/dist/svg/bell-off-o_16.svg +1 -0
  34. package/dist/svg/bell_16.svg +1 -0
  35. package/dist/svg/bell_32.svg +1 -0
  36. package/dist/svg/bento_16.svg +1 -0
  37. package/dist/svg/bento_24.svg +1 -0
  38. package/dist/svg/bento_32.svg +1 -0
  39. package/dist/svg/calendar_16.svg +1 -0
  40. package/dist/svg/chart-bar_24.svg +1 -0
  41. package/dist/svg/check_16.svg +1 -0
  42. package/dist/svg/circle-8_16.svg +1 -0
  43. package/dist/svg/clock_16.svg +1 -0
  44. package/dist/svg/close-L_16.svg +1 -0
  45. package/dist/svg/close-L_32.svg +1 -0
  46. package/dist/svg/close-M_16.svg +1 -0
  47. package/dist/svg/close-S_16.svg +1 -0
  48. package/dist/svg/close-circle_16.svg +1 -0
  49. package/dist/svg/cloud-404_256.svg +1 -0
  50. package/dist/svg/color-palette_16.svg +1 -0
  51. package/dist/svg/copy-o_16.svg +1 -0
  52. package/dist/svg/copy_16.svg +1 -0
  53. package/dist/svg/download_16.svg +1 -0
  54. package/dist/svg/download_32.svg +1 -0
  55. package/dist/svg/ellipsis_16.svg +1 -0
  56. package/dist/svg/ellipsis_24.svg +1 -0
  57. package/dist/svg/error_16.svg +1 -0
  58. package/dist/svg/external-link_16.svg +1 -0
  59. package/dist/svg/eye-crossed_16.svg +1 -0
  60. package/dist/svg/eye_16.svg +1 -0
  61. package/dist/svg/file-empty_16.svg +1 -0
  62. package/dist/svg/folder-closed_16.svg +1 -0
  63. package/dist/svg/folder-open-o_24.svg +1 -0
  64. package/dist/svg/folder-opened_16.svg +1 -0
  65. package/dist/svg/folder-search-opened_16.svg +1 -0
  66. package/dist/svg/folder-search_16.svg +1 -0
  67. package/dist/svg/gear_16.svg +1 -0
  68. package/dist/svg/globe_16.svg +1 -0
  69. package/dist/svg/hamburger_16.svg +1 -0
  70. package/dist/svg/hamburger_32.svg +1 -0
  71. package/dist/svg/info-o_16.svg +1 -0
  72. package/dist/svg/info_16.svg +1 -0
  73. package/dist/svg/list_24.svg +1 -0
  74. package/dist/svg/minus_16.svg +1 -0
  75. package/dist/svg/new-tab_16.svg +1 -0
  76. package/dist/svg/pause_16.svg +1 -0
  77. package/dist/svg/play_16.svg +1 -0
  78. package/dist/svg/question-circle_24.svg +1 -0
  79. package/dist/svg/search_16.svg +1 -0
  80. package/dist/svg/search_24.svg +1 -0
  81. package/dist/svg/stop_16.svg +1 -0
  82. package/dist/svg/success_16.svg +1 -0
  83. package/dist/svg/theme_16.svg +1 -0
  84. package/dist/svg/triangle-down_16.svg +1 -0
  85. package/dist/svg/triangle-left_16.svg +1 -0
  86. package/dist/svg/triangle-right_16.svg +1 -0
  87. package/dist/svg/triangle-up_16.svg +1 -0
  88. package/dist/svg/upload-to-cloud_16.svg +1 -0
  89. package/dist/svg/upload-to-cloud_24.svg +1 -0
  90. package/dist/svg/upload-to-cloud_32.svg +1 -0
  91. package/dist/svg/upload-to-cloud_64.svg +1 -0
  92. package/dist/svg/user-o_24.svg +1 -0
  93. package/dist/svg/user_16.svg +1 -0
  94. package/dist/svg/word-wrap-slash_16.svg +1 -0
  95. package/dist/svg/word-wrap_16.svg +1 -0
  96. package/dist/symbol/sprite.scss +425 -0
  97. package/dist/symbol/sprite.symbol.html +1033 -0
  98. package/dist/symbol/svg/sprite.symbol.svg +1 -0
  99. package/package.json +58 -0
package/dist/symbol/sprite.symbol.html ADDED
@@ -0,0 +1,1033 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>SVG &lt;symbol&gt; sprite preview | svg-sprite</title>
6
+ <style>
7
+ body {
8
+ padding: 0;
9
+ margin: 0;
10
+ color: #666;
11
+ background: #fafafa;
12
+ font-family: Arial, Helvetica, sans-serif;
13
+ font-size: 1em;
14
+ line-height: 1.4;
15
+ }
16
+
17
+ header {
18
+ display: block;
19
+ padding: 3em 3em 2em;
20
+ background-color: #fff;
21
+ }
22
+
23
+ header p {
24
+ margin: 2em 0 0;
25
+ }
26
+
27
+ section {
28
+ border-top: 1px solid #eee;
29
+ padding: 2em 3em 0;
30
+ }
31
+
32
+ section ul {
33
+ margin: 0;
34
+ padding: 0;
35
+ }
36
+
37
+ section li {
38
+ display: inline-block;
39
+ background-color: #fff;
40
+ position: relative;
41
+ margin: 0 2em 2em 0;
42
+ vertical-align: top;
43
+ border: 1px solid #ccc;
44
+ padding: 1em 1em 3em;
45
+ cursor: default;
46
+ }
47
+
48
+ .icon-box {
49
+ margin: 0;
50
+ width: 144px;
51
+ height: 144px;
52
+ position: relative;
53
+ background: #ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 0h6v6H6zM0 6h6v6H0z'/%3E%3C/svg%3E") top left repeat;
54
+ border: 1px solid #ccc;
55
+ display: table-cell;
56
+ vertical-align: middle;
57
+ text-align: center;
58
+ }
59
+
60
+ .icon {
61
+ display: inline-block;
62
+ }
63
+
64
+ h1 {
65
+ margin-top: 0;
66
+ }
67
+
68
+ h2 {
69
+ margin: 0;
70
+ padding: 0;
71
+ font-size: 1em;
72
+ font-weight: 400;
73
+ white-space: nowrap;
74
+ overflow: hidden;
75
+ text-overflow: ellipsis;
76
+ position: absolute;
77
+ left: 1em;
78
+ right: 1em;
79
+ bottom: 1em;
80
+ }
81
+
82
+ footer {
83
+ display: block;
84
+ margin: 0;
85
+ padding: 0 3em 3em;
86
+ }
87
+
88
+ footer p {
89
+ margin: 0;
90
+ font-size: .7em;
91
+ }
92
+
93
+ footer a {
94
+ color: #0f7595;
95
+ margin-left: 0;
96
+ }
97
+ </style>
98
+
99
+ <!--
100
+ Sprite shape dimensions
101
+ ====================================================================================================
102
+ You will need to set the sprite shape dimensions via CSS when you use them as inline SVG, otherwise
103
+ they would become a huge 100% in size. You may use the following dimension classes for doing so.
104
+ They might well be outsourced to an external stylesheet of course.
105
+ -->
106
+
107
+ <style>
108
+ .pt-angle-down-L_16-dims { width: 16px; height: 16px; }
109
+ .pt-angle-down-L_24-dims { width: 24px; height: 24px; }
110
+ .pt-angle-down-M_16-dims { width: 16px; height: 16px; }
111
+ .pt-angle-down-M_24-dims { width: 24px; height: 24px; }
112
+ .pt-angle-down-S_16-dims { width: 16px; height: 16px; }
113
+ .pt-angle-left-L_16-dims { width: 16px; height: 16px; }
114
+ .pt-angle-left-L_24-dims { width: 24px; height: 24px; }
115
+ .pt-angle-left-M_16-dims { width: 16px; height: 16px; }
116
+ .pt-angle-left-M_24-dims { width: 24px; height: 24px; }
117
+ .pt-angle-left-S_16-dims { width: 16px; height: 16px; }
118
+ .pt-angle-right-L_16-dims { width: 16px; height: 16px; }
119
+ .pt-angle-right-L_24-dims { width: 24px; height: 24px; }
120
+ .pt-angle-right-M_16-dims { width: 16px; height: 16px; }
121
+ .pt-angle-right-M_24-dims { width: 24px; height: 24px; }
122
+ .pt-angle-right-M_32-dims { width: 32px; height: 32px; }
123
+ .pt-angle-right-S_16-dims { width: 16px; height: 16px; }
124
+ .pt-angle-up-L_16-dims { width: 16px; height: 16px; }
125
+ .pt-angle-up-L_24-dims { width: 24px; height: 24px; }
126
+ .pt-angle-up-M_16-dims { width: 16px; height: 16px; }
127
+ .pt-angle-up-M_24-dims { width: 24px; height: 24px; }
128
+ .pt-angle-up-S_16-dims { width: 16px; height: 16px; }
129
+ .pt-bell-o_16-dims { width: 16px; height: 16px; }
130
+ .pt-bell-o_24-dims { width: 24px; height: 24px; }
131
+ .pt-bell-off-o_16-dims { width: 16px; height: 16px; }
132
+ .pt-bell_16-dims { width: 16px; height: 16px; }
133
+ .pt-bell_32-dims { width: 32px; height: 32px; }
134
+ .pt-bento_16-dims { width: 16px; height: 16px; }
135
+ .pt-bento_24-dims { width: 24px; height: 24px; }
136
+ .pt-bento_32-dims { width: 32px; height: 32px; }
137
+ .pt-calendar_16-dims { width: 16px; height: 16px; }
138
+ .pt-chart-bar_24-dims { width: 24px; height: 24px; }
139
+ .pt-check_16-dims { width: 16px; height: 16px; }
140
+ .pt-circle-8_16-dims { width: 16px; height: 16px; }
141
+ .pt-clock_16-dims { width: 16px; height: 16px; }
142
+ .pt-close-L_16-dims { width: 16px; height: 16px; }
143
+ .pt-close-L_32-dims { width: 32px; height: 32px; }
144
+ .pt-close-M_16-dims { width: 16px; height: 16px; }
145
+ .pt-close-S_16-dims { width: 16px; height: 16px; }
146
+ .pt-close-circle_16-dims { width: 16px; height: 16px; }
147
+ .pt-color-palette_16-dims { width: 16px; height: 16px; }
148
+ .pt-copy-o_16-dims { width: 16px; height: 16px; }
149
+ .pt-copy_16-dims { width: 16px; height: 16px; }
150
+ .pt-download_16-dims { width: 16px; height: 16px; }
151
+ .pt-download_32-dims { width: 32px; height: 32px; }
152
+ .pt-ellipsis_16-dims { width: 16px; height: 16px; }
153
+ .pt-ellipsis_24-dims { width: 24px; height: 24px; }
154
+ .pt-error_16-dims { width: 16px; height: 16px; }
155
+ .pt-external-link_16-dims { width: 16px; height: 16px; }
156
+ .pt-eye-crossed_16-dims { width: 16px; height: 16px; }
157
+ .pt-eye_16-dims { width: 16px; height: 16px; }
158
+ .pt-file-empty_16-dims { width: 16px; height: 16px; }
159
+ .pt-folder-closed_16-dims { width: 16px; height: 16px; }
160
+ .pt-folder-open-o_24-dims { width: 24px; height: 24px; }
161
+ .pt-folder-opened_16-dims { width: 16px; height: 16px; }
162
+ .pt-folder-search-opened_16-dims { width: 16px; height: 16px; }
163
+ .pt-folder-search_16-dims { width: 16px; height: 16px; }
164
+ .pt-gear_16-dims { width: 16px; height: 16px; }
165
+ .pt-globe_16-dims { width: 16px; height: 16px; }
166
+ .pt-hamburger_16-dims { width: 16px; height: 16px; }
167
+ .pt-hamburger_32-dims { width: 32px; height: 32px; }
168
+ .pt-info-o_16-dims { width: 16px; height: 16px; }
169
+ .pt-info_16-dims { width: 16px; height: 16px; }
170
+ .pt-list_24-dims { width: 24px; height: 24px; }
171
+ .pt-minus_16-dims { width: 16px; height: 16px; }
172
+ .pt-new-tab_16-dims { width: 16px; height: 16px; }
173
+ .pt-pause_16-dims { width: 16px; height: 16px; }
174
+ .pt-play_16-dims { width: 16px; height: 16px; }
175
+ .pt-question-circle_24-dims { width: 24px; height: 24px; }
176
+ .pt-search_16-dims { width: 16px; height: 16px; }
177
+ .pt-search_24-dims { width: 24px; height: 24px; }
178
+ .pt-stop_16-dims { width: 16px; height: 16px; }
179
+ .pt-success_16-dims { width: 16px; height: 16px; }
180
+ .pt-theme_16-dims { width: 16px; height: 16px; }
181
+ .pt-triangle-down_16-dims { width: 16px; height: 16px; }
182
+ .pt-triangle-left_16-dims { width: 16px; height: 16px; }
183
+ .pt-triangle-right_16-dims { width: 16px; height: 16px; }
184
+ .pt-triangle-up_16-dims { width: 16px; height: 16px; }
185
+ .pt-upload-to-cloud_16-dims { width: 16px; height: 16px; }
186
+ .pt-upload-to-cloud_24-dims { width: 24px; height: 24px; }
187
+ .pt-upload-to-cloud_32-dims { width: 32px; height: 32px; }
188
+ .pt-upload-to-cloud_64-dims { width: 64px; height: 64px; }
189
+ .pt-user-o_24-dims { width: 24px; height: 24px; }
190
+ .pt-user_16-dims { width: 16px; height: 16px; }
191
+ .pt-word-wrap-slash_16-dims { width: 16px; height: 16px; }
192
+ .pt-word-wrap_16-dims { width: 16px; height: 16px; }
193
+ </style>
194
+
195
+ <!--
196
+ ====================================================================================================
197
+ -->
198
+
199
+ </head>
200
+ <body>
201
+
202
+ <!--
203
+ Inline <symbol> SVG sprite
204
+ ====================================================================================================
205
+ This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere
206
+ below within this document. Please see
207
+
208
+ https://github.com/svg-sprite/svg-sprite/blob/main/docs/configuration.md#defs--symbol-mode
209
+
210
+ for further details on how to create this embeddable sprite variant.
211
+ -->
212
+
213
+ <svg width="0" height="0" style="position:absolute">
214
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-down-L_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m3 4.5-1 1 6 6 6-6-1-1-5 5-5-5Z" fill="#57A4D7"/></symbol>
215
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-down-L_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4.5 6.75 7.5 7.5 7.5-7.5 1.5 1.5-9 9-9-9 1.5-1.5Z" fill="#57A4D7"/></symbol>
216
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-down-M_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 5.5-1 1 5 5 5-5-1-1-4 4-4-4Z" fill="#57A4D7"/></symbol>
217
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-down-M_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m6 7.5 6 6 6-6L19.5 9 12 16.5 4.5 9 6 7.5Z" fill="#57A4D7"/></symbol>
218
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-down-S_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m5 6.5-1 1 4 4 4-4-1-1-3 3-3-3Z" fill="#57A4D7"/></symbol>
219
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-left-L_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11.5 3-5 5 5 5-1 1-6-6 6-6 1 1Z" fill="#57A4D7"/></symbol>
220
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-left-L_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 4.5 9.75 12l7.5 7.5-1.5 1.5-9-9 9-9 1.5 1.5Z" fill="#57A4D7"/></symbol>
221
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-left-M_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m11 12.5-1 1-5-5 5-5 1 1-4 4 4 4Z" fill="#57A4D7"/></symbol>
222
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-left-M_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.5 6-6 6 6 6-1.5 1.5L7.5 12 15 4.5 16.5 6Z" fill="#57A4D7"/></symbol>
223
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-left-S_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10.5 11-1 1-4-4 4-4 1 1-3 3 3 3Z" fill="#57A4D7"/></symbol>
224
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-right-L_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4.5 13 5-5-5-5 1-1 6 6-6 6-1-1Z" fill="#57A4D7"/></symbol>
225
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-right-L_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m6.75 19.5 7.5-7.5-7.5-7.5L8.25 3l9 9-9 9-1.5-1.5Z" fill="#57A4D7"/></symbol>
226
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-right-M_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m5 4.5 1-1 5 5-5 5-1-1 4-4-4-4Z" fill="#57A4D7"/></symbol>
227
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-right-M_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 6 9 4.5l7.5 7.5L9 19.5 7.5 18l6-6-6-6Z" fill="#57A4D7"/></symbol>
228
+ <symbol fill="none" viewBox="0 0 32 32" id="angle-right-M_32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m10 8 2-2 10 10-10 10-2-2 8-8-8-8Z" fill="#57A4D7"/></symbol>
229
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-right-S_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m5.5 11 3-3-3-3 1-1 4 4-4 4-1-1Z" fill="#57A4D7"/></symbol>
230
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-up-L_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m3 11.5-1-1 6-6 6 6-1 1-5-5-5 5Z" fill="#57A4D7"/></symbol>
231
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-up-L_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 17.25 12 9.75l-7.5 7.5-1.5-1.5 9-9 9 9-1.5 1.5Z" fill="#57A4D7"/></symbol>
232
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-up-M_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 11.5-1-1 5-5 5 5-1 1-4-4-4 4Z" fill="#57A4D7"/></symbol>
233
+ <symbol fill="none" viewBox="0 0 24 24" id="angle-up-M_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m18 16.5-6-6-6 6L4.5 15 12 7.5l7.5 7.5-1.5 1.5Z" fill="#57A4D7"/></symbol>
234
+ <symbol fill="none" viewBox="0 0 16 16" id="angle-up-S_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m5 10.5-1-1 4-4 4 4-1 1-3-3-3 3Z" fill="#57A4D7"/></symbol>
235
+ <symbol fill="none" viewBox="0 0 16 16" id="bell-o_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 13.5c0-.175-.03-.344-.085-.5h4.547a.6.6 0 0 0 .494-.94C13.971 11.353 13.486 11 13 11l-.097-.66C12.19 5.452 11.831 3 8 3c-3.845 0-4.195 2.428-4.911 7.386L3 11c-.485 0-.97.353-1.456 1.06a.6.6 0 0 0 .494.94h4.547a1.5 1.5 0 1 0 2.915.5Zm1.867-3.296.15 1.015.04.281H4.443l.041-.284.126-.867.02-.145c.056-.383.098-.666.139-.932C5.392 5.172 5.839 4.5 8 4.5c2.148 0 2.6.684 3.228 4.77.04.265.083.546.14.934ZM8 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" fill="#57A4D7"/></symbol>
236
+ <symbol fill="none" viewBox="0 0 24 24" id="bell-o_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 19.75A2.25 2.25 0 1 1 9.878 19h-6.82a.9.9 0 0 1-.742-1.41C3.044 16.53 3.772 16 4.5 16 5.673 7.942 6 4 12 4s6.321 4.012 7.5 12c.728 0 1.456.53 2.184 1.59a.9.9 0 0 1-.742 1.41h-6.82c.083.235.128.487.128.75Zm3.024-2.922c-.12-.814-.307-2.607-.432-3.425C15.9 7.276 15.222 6 12 6c-3.243 0-3.912 1.258-4.847 7.407-.123.81-.309 2.61-.427 3.417L6.664 17h10.672l-.062-.172ZM12 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill="#57A4D7"/></symbol>
237
+ <symbol fill="none" viewBox="0 0 16 16" id="bell-off-o_16" xmlns="http://www.w3.org/2000/svg"><path d="m3.55 2.55 10.9 10.9a.5.5 0 0 1 0 .707l-.354.353a.5.5 0 0 1-.707 0L11.88 13H9.415a1.5 1.5 0 1 1-2.83 0H2.038a.6.6 0 0 1-.494-.94C2.029 11.353 2.514 11 3 11l.089-.614c.317-2.194.562-3.893 1.07-5.105L2.49 3.61a.5.5 0 0 1 0-.707l.354-.354a.5.5 0 0 1 .707 0Zm2.327.827C6.434 3.125 7.127 3 8 3c3.831 0 4.19 2.453 4.903 7.34l.011.074-1.788-1.788C10.546 5.11 10.03 4.5 8 4.5a5.38 5.38 0 0 0-.934.066l-1.19-1.19Zm-.549 3.072c-.204.686-.374 1.602-.56 2.823a134.596 134.596 0 0 0-.158 1.077l-.126.867-.041.284h5.936l-5.05-5.05ZM8 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" fill="#57A4D7"/></symbol>
238
+ <symbol fill="none" viewBox="0 0 16 16" id="bell_16" xmlns="http://www.w3.org/2000/svg"><path d="M7 2a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z" fill="#57A4D7"/><path d="M9.5 13.5c0-.175-.03-.344-.085-.5h4.547a.6.6 0 0 0 .494-.94C13.971 11.353 13.486 11 13 11l-.097-.66C12.19 5.452 11.831 3 8 3c-3.845 0-4.195 2.428-4.911 7.386L3 11c-.485 0-.97.353-1.456 1.06a.6.6 0 0 0 .494.94h4.547a1.5 1.5 0 1 0 2.915.5Z" fill="#57A4D7"/></symbol>
239
+ <symbol fill="none" viewBox="0 0 32 32" id="bell_32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.981 3c0 1.105-.887 2-1.981 2a1.99 1.99 0 0 1-1.981-2c0-1.105.887-2 1.98-2a1.99 1.99 0 0 1 1.982 2Zm9.035 19.952.046.048c.684.763.148 2-.897 2H6.203c-1.046 0-1.582-1.237-.897-2l.045-.048.551-.555A123.37 123.37 0 0 0 7.278 21l.195-1.364v-.001l.004-.024.08-.565C8.908 9.62 9.694 5 16.185 5c6.488 0 7.27 4.695 8.623 14.047l.066.458L25.09 21c.007.015.628.643 1.375 1.397l.552.555ZM24.248 23H8.12a134.808 134.808 0 0 0 .62-.634v-.001l.064-.071v-.002c.01-.011.062-.072.118-.153l.001-.002c.015-.02.131-.185.22-.416l.003-.006c.015-.04.078-.197.111-.43l.196-1.361.006-.045c.302-2.111.564-3.943.858-5.552.358-1.96.741-3.44 1.23-4.551.475-1.083 1.005-1.71 1.615-2.1C13.783 7.283 14.7 7 16.184 7c1.479 0 2.392.285 3.012.684.612.394 1.144 1.031 1.621 2.123.49 1.119.872 2.604 1.231 4.56.29 1.576.547 3.36.843 5.406.07.49.144.995.22 1.516.033.23.095.387.11.426l.003.006c.089.229.204.393.22.415l.002.003c.056.081.107.142.117.153l.001.002.062.07.002.002.059.062.133.137.428.435Zm-11.082 3.5a3.07 3.07 0 0 0-.166 1 3 3 0 1 0 6 0 3.08 3.08 0 0 0-.166-1h-5.668Z" fill="#57A4D7"/></symbol>
240
+ <symbol fill="none" viewBox="0 0 16 16" id="bento_16" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.5v3h-3v-3h3Zm4 0v3h-3v-3h3Zm4 0v3h-3v-3h3Zm-8-4v3h-3v-3h3Zm4 0v3h-3v-3h3Zm4 0v3h-3v-3h3Zm-8-4v3h-3v-3h3Zm4 0v3h-3v-3h3Zm4 0v3h-3v-3h3Z" fill="#57A4D7"/></symbol>
241
+ <symbol fill="none" viewBox="0 0 24 24" id="bento_24" xmlns="http://www.w3.org/2000/svg"><path d="M8 4H4v4h4V4ZM14 4h-4v4h4V4ZM20 4h-4v4h4V4ZM8 10H4v4h4v-4ZM14 10h-4v4h4v-4ZM20 10h-4v4h4v-4ZM8 16H4v4h4v-4ZM14 16h-4v4h4v-4ZM20 16h-4v4h4v-4Z" fill="#57A4D7"/></symbol>
242
+ <symbol fill="none" viewBox="0 0 32 32" id="bento_32" xmlns="http://www.w3.org/2000/svg"><path d="M10 22v4H6v-4h4Zm8 0v4h-4v-4h4Zm8 0v4h-4v-4h4Zm-16-8v4H6v-4h4Zm8 0v4h-4v-4h4Zm8 0v4h-4v-4h4ZM10 6v4H6V6h4Zm8 0v4h-4V6h4Zm8 0v4h-4V6h4Z" fill="#57A4D7"/></symbol>
243
+ <symbol fill="none" viewBox="0 0 16 16" id="calendar_16" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 1A1.5 1.5 0 0 1 6 2.5V3h3v-.5a1.5 1.5 0 1 1 3 0V3h.5A1.5 1.5 0 0 1 14 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 1 13.5v-9A1.5 1.5 0 0 1 2.5 3H3v-.5A1.5 1.5 0 0 1 4.5 1ZM2 6.997v6.006a1 1 0 0 0 .996.997h9.008c.551 0 .996-.446.996-.997V6.997A1 1 0 0 0 12.004 6H2.996A.996.996 0 0 0 2 6.997ZM4.5 2c-.268 0-.5.222-.5.495v2.01c0 .28.224.495.5.495.268 0 .5-.222.5-.495v-2.01A.494.494 0 0 0 4.5 2Zm6 0c-.268 0-.5.222-.5.495v2.01c0 .28.224.495.5.495.268 0 .5-.222.5-.495v-2.01A.494.494 0 0 0 10.5 2Z" fill="#57A4D7"/></symbol>
244
+ <symbol fill="none" viewBox="0 0 24 24" id="chart-bar_24" xmlns="http://www.w3.org/2000/svg"><path d="M22 19v2H2v-2h20ZM6 11v5H3v-5h3Zm5-6v11H8V5h3Zm5 3v8h-3V8h3Zm5-5v13h-3V3h3Z" fill="#57A4D7"/></symbol>
245
+ <symbol fill="none" viewBox="0 0 16 16" id="check_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 8.5 4.5 7 7 9.5l5-5L13.5 6 7 12.5l-4-4Z" fill="#57A4D7"/></symbol>
246
+ <symbol fill="none" viewBox="0 0 16 16" id="circle-8_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" fill="#57A4D7"/></symbol>
247
+ <symbol fill="none" viewBox="0 0 16 16" id="clock_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12Zm0-1.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 8H6v1h3V5H8v3Z" fill="#57A4D7"/></symbol>
248
+ <symbol fill="none" viewBox="0 0 16 16" id="close-L_16" xmlns="http://www.w3.org/2000/svg"><path d="M8 6.586 4.172 2.757 2.757 4.172 6.586 8l-3.829 3.828 1.415 1.415L8 9.414l3.828 3.829 1.415-1.415L9.414 8l3.829-3.828-1.415-1.415L8 6.586Z" fill="#57A4D7"/></symbol>
249
+ <symbol fill="none" viewBox="0 0 32 32" id="close-L_32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m18.117 15.995 7.364 7.364-2.122 2.122-7.364-7.364-7.364 7.364-2.121-2.122 7.364-7.364L6.51 8.631 8.631 6.51l7.364 7.364L23.36 6.51l2.122 2.121-7.364 7.364Z" fill="#57A4D7"/></symbol>
250
+ <symbol fill="none" viewBox="0 0 16 16" id="close-M_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.586 8 3.757 5.172l1.415-1.415L8 6.586l2.828-2.829 1.415 1.415L9.414 8l2.829 2.828-1.415 1.415L8 9.414l-2.828 2.829-1.415-1.415L6.586 8Z" fill="#57A4D7"/></symbol>
251
+ <symbol fill="none" viewBox="0 0 16 16" id="close-S_16" xmlns="http://www.w3.org/2000/svg"><path d="M8 6.586 5.879 4.464 4.464 5.88 6.586 8l-2.122 2.121 1.415 1.415L8 9.414l2.121 2.122 1.415-1.415L9.414 8l2.122-2.121-1.415-1.415L8 6.586Z" fill="#57A4D7"/></symbol>
252
+ <symbol fill="none" viewBox="0 0 16 16" id="close-circle_16" xmlns="http://www.w3.org/2000/svg"><path d="M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.122 2.465L8 6.586 5.88 4.465 4.464 5.879 6.585 8l-2.12 2.122 1.414 1.414L8 9.415l2.122 2.121 1.414-1.414L9.415 8l2.121-2.12-1.414-1.415Z" fill="#57A4D7"/></symbol>
253
+ <symbol fill="none" viewBox="0 0 16 16" id="color-palette_16" xmlns="http://www.w3.org/2000/svg"><path d="M8 2C4.5 2 2 4.5 2 8s2.5 6 6 6c1 0 1-.447 1-1 0-.586-.172-.828-.314-1.03-.1-.142-.186-.263-.186-.47 0-.553.447-1 1-1 3.513 0 4.5-.66 4.5-2.5 0-3.5-2.5-6-6-6ZM4 9c-.553 0-1-.447-1-1 0-.553.447-1 1-1 .553 0 1 .447 1 1 0 .553-.447 1-1 1Zm.2-3.8c0-.553.447-1 1-1 .553 0 1 .447 1 1 0 .553-.447 1-1 1-.553 0-1-.447-1-1Zm6.6 1c-.553 0-1-.447-1-1 0-.553.447-1 1-1 .553 0 1 .447 1 1 0 .553-.447 1-1 1ZM7 4c0-.553.447-1 1-1 .553 0 1 .447 1 1 0 .553-.447 1-1 1-.553 0-1-.447-1-1Z" fill="#57A4D7"/></symbol>
254
+ <symbol fill="none" viewBox="0 0 16 16" id="copy-o_16" xmlns="http://www.w3.org/2000/svg"><path d="M1 10.5A1.5 1.5 0 0 0 2.5 12H6v1.5A1.5 1.5 0 0 0 7.5 15h6a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 13.5 4H10V2.5A1.5 1.5 0 0 0 8.5 1H5.414a1 1 0 0 0-.707.293L1.293 4.707A1 1 0 0 0 1 5.414V10.5ZM2 6h3a1 1 0 0 0 1-1V2h2a1 1 0 0 1 1 1v2L6.293 7.707A1 1 0 0 0 6 8.414V11H3a1 1 0 0 1-1-1V6Zm11-1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V9h3a1 1 0 0 0 1-1V5h2ZM2.5 5 5 2.5V5H2.5Zm7.5.5V8H7.5L10 5.5Z" fill="#57A4D7"/></symbol>
255
+ <symbol fill="none" viewBox="0 0 16 16" id="copy_16" xmlns="http://www.w3.org/2000/svg"><path d="M2 6h4a1 1 0 0 0 1-1V1h3a1 1 0 0 1 1 1v2H9.914a1 1 0 0 0-.707.293L5.293 8.207A1 1 0 0 0 5 8.914V12H3a1 1 0 0 1-1-1V6Zm3-1H2.241a.1.1 0 0 1-.07-.17l3.658-3.66A.1.1 0 0 1 6 1.242V4a1 1 0 0 1-1 1Zm1 5h4a1 1 0 0 0 1-1V5h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-4Zm3-1H6.241a.1.1 0 0 1-.07-.17l3.658-3.66a.1.1 0 0 1 .171.071V8a1 1 0 0 1-1 1Z" fill="#57A4D7"/></symbol>
256
+ <symbol fill="none" viewBox="0 0 16 16" id="download_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.634 7.895a.676.676 0 0 0-.95-.004l-.85.718.016-4.94A.66.66 0 0 0 8.19 3c-.367 0-.673.3-.673.668L7.5 8.61l-.85-.718a.678.678 0 0 0-.95.004.657.657 0 0 0-.005.94l1.999 1.973a.673.673 0 0 0 .946 0l1.998-1.974a.658.658 0 0 0-.004-.939ZM2.75 12.5a.25.25 0 0 0-.25.25v1c0 .138.112.25.25.25h11a.25.25 0 0 0 .25-.25v-1a.25.25 0 0 0-.25-.25h-11Z" fill="#57A4D7"/></symbol>
257
+ <symbol fill="none" viewBox="0 0 32 32" id="download_32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M30 16c0 3.19-2.727 5.873-6.077 6.002L19 22v2h5c4.33-.167 8-3.643 8-8 0-4.459-3.582-8.242-8-8.242-.154 0-.308.005-.46.013C21.936 4.36 18.49 2 14.5 2c-5.523 0-10 4.518-10 10.092 0 .071.147 1.734.147 1.734l-1.033.184C1.527 14.616 0 16.698 0 19c0 2.68 1.887 4.835 4.5 5 .022.006 8.5 0 8.5 0v-2c-.204-.002-6.015 0-7.914 0H4.5C2.937 21.867 2 20.56 2 19c0-1.382.899-2.651 2.085-3.043l2.715-.483c-.2-2.303-.3-3.43-.3-3.382C6.5 7.62 10.086 4 14.5 4c3.118 0 5.912 1.82 7.23 4.622l.575 1.223A98.575 98.575 0 0 1 24 9.758c3.266 0 6 2.84 6 6.242ZM15.077 31.687a.735.735 0 0 0 .674.208.734.734 0 0 0 .672-.208l4.248-4.328a.77.77 0 0 0-.003-1.078.737.737 0 0 0-1.058-.003l-3.11 3.17V16.815a.754.754 0 0 0-.75-.762.758.758 0 0 0-.75.762v12.631l-3.11-3.169a.737.737 0 0 0-1.058.003.771.771 0 0 0-.003 1.078l4.248 4.328Z" fill="#57A4D7"/></symbol>
258
+ <symbol fill="none" viewBox="0 0 16 16" id="ellipsis_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" fill="#57A4D7"/></symbol>
259
+ <symbol fill="none" viewBox="0 0 24 24" id="ellipsis_24" xmlns="http://www.w3.org/2000/svg"><path d="M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM12 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="#57A4D7"/></symbol>
260
+ <symbol fill="none" viewBox="0 0 16 16" id="error_16" xmlns="http://www.w3.org/2000/svg"><path d="M14.723 14.5H1.277a1 1 0 0 1-.855-1.519L7.145 1.908a1 1 0 0 1 1.71 0l6.723 11.073a1 1 0 0 1-.855 1.519ZM7.7 10h.6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5h-.6a.5.5 0 0 0-.5.5v4.5a.5.5 0 0 0 .5.5Zm0 1.4a.5.5 0 0 0-.5.5v.6a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-.6a.5.5 0 0 0-.5-.5h-.6Z" fill="#57A4D7"/></symbol>
261
+ <symbol fill="none" viewBox="0 0 16 16" id="external-link_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 4 7 5H3v8h8V9l1-1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5Zm1.938-2h3.25c.448 0 .812.364.812.813v3.25a.806.806 0 0 1-.813.812.815.815 0 0 1-.812-.812V4.68L8.392 8.764a.82.82 0 0 1-1.156-.004.805.805 0 0 1 .007-1.145l4.076-3.99H9.937a.813.813 0 0 1 0-1.625Z" fill="#57A4D7"/></symbol>
262
+ <symbol fill="none" viewBox="0 0 16 16" id="eye-crossed_16" xmlns="http://www.w3.org/2000/svg"><path d="M3.55 2.55a.5.5 0 0 0-.707 0l-.353.354a.5.5 0 0 0 0 .707l1.017 1.018c-.836.637-1.641 1.457-2.414 2.45L.378 8l.715.92c2.075 2.67 4.384 4.082 6.908 4.08a6.855 6.855 0 0 0 3.115-.763l1.273 1.273a.5.5 0 0 0 .707 0l.354-.353a.5.5 0 0 0 0-.707l-9.9-9.9ZM5 7a3 3 0 0 0 3.777 2.898l1.206 1.206A5.26 5.26 0 0 1 8 11.5c-2 .002-3.907-1.165-5.722-3.5.751-.967 1.518-1.733 2.301-2.3l.523.523A3.004 3.004 0 0 0 5 7ZM5.79 3.375l4.918 4.918C10.895 7.902 11 7.463 11 7c0-.764-.286-1.462-.756-1.992 1.195.55 2.354 1.548 3.478 2.992a12.9 12.9 0 0 1-1.587 1.72l1.062 1.063a14.52 14.52 0 0 0 1.709-1.862L15.623 8l-.717-.921C12.83 4.414 10.524 3.002 8 3c-.757 0-1.494.126-2.212.375Z" fill="#57A4D7"/></symbol>
263
+ <symbol fill="none" viewBox="0 0 16 16" id="eye_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.093 8.92c2.075 2.67 4.384 4.082 6.908 4.08 2.523-.002 4.83-1.414 6.905-4.079L15.623 8l-.717-.921C12.83 4.414 10.524 3.002 8 3c-2.524-.002-4.833 1.41-6.908 4.08L.378 8l.715.92ZM13.723 8C11.906 10.331 10 11.498 8 11.5c-2 .002-3.907-1.165-5.722-3.5C3.403 6.552 4.564 5.553 5.76 5.004a3 3 0 1 0 4.483.004c1.196.55 2.355 1.548 3.48 2.992ZM6 7a2 2 0 0 1 2-2v1a1 1 0 0 0-1 1H6Z" fill="#57A4D7"/></symbol>
264
+ <symbol fill="none" viewBox="0 0 16 16" id="file-empty_16" xmlns="http://www.w3.org/2000/svg"><path d="M10 4a1 1 0 0 0 1 1h3v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6v3ZM4.5 2.5v11h8v-7H11A2.5 2.5 0 0 1 8.5 4V2.5h-4Z" fill="#57A4D7"/><path d="M11.5 4a.5.5 0 0 1-.5-.5V1l3 3h-2.5Z" fill="#57A4D7"/></symbol>
265
+ <symbol fill="none" viewBox="0 0 16 16" id="folder-closed_16" xmlns="http://www.w3.org/2000/svg"><path d="M0 12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6c0-1.105-.894-2-1.999-2H7.5c-.167 0-.278-.222-.426-.519C6.778 2.89 6.334 2 5 2H2a2 2 0 0 0-2 2v8Zm1.5-.5v-7a1 1 0 0 1 1-1h2.22a1 1 0 0 1 .97.757l.12.486a1 1 0 0 0 .97.757h4.72a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1Z" fill="#57A4D7"/></symbol>
266
+ <symbol fill="none" viewBox="0 0 24 24" id="folder-open-o_24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 21a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v1h7a2 2 0 0 1 2 2v2h2.382a1 1 0 0 1 .894 1.447l-4 8a1 1 0 0 1-.894.553H2Zm4.2-7.996C5.137 15.003 4.063 17 3 19h14.8l3.2-6c-4.938 0-9.863.004-14.8.004ZM18 9.007 10.998 9a2 2 0 0 1-1.998-2V6H2v10.998l2.724-5.445A1 1 0 0 1 5.618 11H18V9.007Z" fill="#57A4D7"/></symbol>
267
+ <symbol fill="none" viewBox="0 0 16 16" id="folder-opened_16" xmlns="http://www.w3.org/2000/svg"><path d="M2 14a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.438a2 2 0 0 1 1.94 1.515L7.5 4H12a2 2 0 0 1 2 2v1h-.736a2 2 0 0 1 1.789 2.894l-1.777 3.553a1 1 0 0 1-.894.553H2Zm10.5-7.5a1 1 0 0 0-1-1H6.78a1 1 0 0 1-.97-.757l-.12-.486a1 1 0 0 0-.97-.757H2.5a1 1 0 0 0-1 1v7.03c.043-.176.113-.352.21-.522l2.002-3.504A1 1 0 0 1 4.58 7h7.92v-.5Zm-9.044 4.47a1 1 0 0 0 .848 1.53h7.078a1 1 0 0 0 .894-.553l1-2a1 1 0 0 0-.894-1.447H5.554a1 1 0 0 0-.848.47l-1.25 2Z" fill="#57A4D7"/></symbol>
268
+ <symbol fill="none" viewBox="0 0 16 16" id="folder-search-opened_16" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 8a3.5 3.5 0 0 1 3.07 5.183l1.43 1.43V16h-1.386l-1.43-1.43A3.5 3.5 0 1 1 11.5 8ZM4.994 1c1.108 0 2.221.86 2.49 1.933L7.5 3h4.497C13.103 3 14 3.9 14 5.001V6h.492c1.109 0 1.607.803 1.116 1.785l-.261.52A4.99 4.99 0 0 0 11.5 6.5a4.978 4.978 0 0 0-3 1H5.998c-.552 0-1.235.38-1.528.848l-1.44 2.304c-.29.465-.083.848.469.848h3l.006.217c.019.445.096.876.224 1.284L1.992 13l-.11-.004h-.024l.134.004a2.015 2.015 0 0 1-.263-.017l-.031-.005a2.136 2.136 0 0 1-.106-.019A2.007 2.007 0 0 1 0 10.992V3.009A2 2 0 0 1 2.006 1h2.988Zm-.503 1.5H2.509c-.557 0-1.009.445-1.009.999v6.874l2.001-3.5C3.777 6.39 4.445 6 5.001 6H12.5v-.508a.996.996 0 0 0-1.001-.992H7c-.553 0-1.112-.444-1.245-.977l-.012-.046c-.135-.54-.687-.977-1.253-.977Zm7.009 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" fill="#57A4D7"/></symbol>
269
+ <symbol fill="none" viewBox="0 0 16 16" id="folder-search_16" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 7a3.5 3.5 0 0 1 3.07 5.183l2.307 2.307-1.387 1.387-2.307-2.308A3.5 3.5 0 1 1 10.5 7ZM6 1c2 0 2 2 2.5 2H13a2 2 0 0 1 2 2l.001 3.32a5.02 5.02 0 0 0-1.5-1.82l-.001-.997a.994.994 0 0 0-.885-.996L12.5 4.5H8c-.515 0-1.03-.377-1.21-.863l-.035-.114-.012-.046c-.124-.495-.618-.913-1.134-.97L5.49 2.5H3.51a.999.999 0 0 0-1.003.881l-.007.117v7.004c0 .512.384.934.88.991l.116.007H5.6c.109.536.304 1.041.57 1.5H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h3Zm4.5 7.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" fill="#57A4D7"/></symbol>
270
+ <symbol fill="none" viewBox="0 0 16 16" id="gear_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.505 2A.49.49 0 0 0 7 2.49v1.122a4.474 4.474 0 0 0-1.396.578l-.793-.793a.495.495 0 0 0-.703.01l-.7.7a.49.49 0 0 0-.01.704l.792.793A4.474 4.474 0 0 0 3.612 7H2.49a.495.495 0 0 0-.49.505v.99c0 .291.22.505.49.505h1.122c.113.502.312.973.578 1.396l-.793.793a.495.495 0 0 0 .01.703l.7.7a.49.49 0 0 0 .704.01l.793-.792c.423.266.894.464 1.396.579v1.12c0 .276.226.491.505.491h.99A.49.49 0 0 0 9 13.51v-1.121a4.474 4.474 0 0 0 1.396-.579l.793.793a.495.495 0 0 0 .703-.01l.7-.7a.49.49 0 0 0 .01-.704l-.792-.793c.266-.423.464-.894.579-1.396h1.12c.276 0 .491-.226.491-.505v-.99A.49.49 0 0 0 13.51 7h-1.121a4.474 4.474 0 0 0-.579-1.396l.793-.793a.495.495 0 0 0-.01-.703l-.7-.7a.49.49 0 0 0-.704-.01l-.793.792A4.473 4.473 0 0 0 9 3.612V2.49A.495.495 0 0 0 8.495 2h-.99ZM10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" fill="#57A4D7"/></symbol>
271
+ <symbol fill="none" viewBox="0 0 16 16" id="globe_16" xmlns="http://www.w3.org/2000/svg"><path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-1.659 2.736a18.49 18.49 0 0 1-2.7.583c-.224.973-.544 1.807-.931 2.434a6.016 6.016 0 0 0 3.631-3.017Zm.46-1.196C13.93 9.048 14 8.532 14 8c0-.654-.105-1.284-.299-1.874-.9.286-1.815.502-2.747.647a16.245 16.245 0 0 1-.117 3.506 17.502 17.502 0 0 0 2.964-.74Zm-3.997.872C9.931 9.662 10 8.845 10 8c0-.373-.013-.74-.04-1.099a19.33 19.33 0 0 1-3.92 0C6.012 7.26 6 7.627 6 8c0 .845.069 1.662.196 2.412a18.346 18.346 0 0 0 3.608 0Zm-4.641-.133a16.255 16.255 0 0 1-.117-3.506 18.487 18.487 0 0 1-2.748-.647A5.995 5.995 0 0 0 2 8c0 .532.07 1.048.2 1.54a17.5 17.5 0 0 0 2.963.74Zm-2.504.457a6.016 6.016 0 0 0 3.631 3.017c-.386-.627-.707-1.461-.932-2.434a18.49 18.49 0 0 1-2.7-.583Zm3.758.7c.108.406.236.782.38 1.12C7.218 13.533 7.69 14 8 14c.31 0 .783-.467 1.202-1.444.145-.338.273-.714.38-1.12a19.438 19.438 0 0 1-3.165 0ZM9.71 2.247c.525.852.929 2.087 1.136 3.53a17.484 17.484 0 0 0 2.463-.576 6.016 6.016 0 0 0-3.6-2.954ZM8 6c.625 0 1.243-.031 1.854-.093-.135-.933-.358-1.777-.652-2.463C8.783 2.467 8.31 2 8 2c-.31 0-.783.467-1.202 1.444-.294.686-.517 1.53-.652 2.463C6.756 5.969 7.375 6 8 6ZM6.29 2.247a6.016 6.016 0 0 0-3.599 2.954c.808.252 1.629.444 2.463.577.207-1.444.61-2.679 1.136-3.53Z" fill="#57A4D7"/></symbol>
272
+ <symbol fill="none" viewBox="0 0 16 16" id="hamburger_16" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 3h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5ZM2.5 7h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5ZM13.5 11h-11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5Z" fill="#57A4D7"/></symbol>
273
+ <symbol fill="none" viewBox="0 0 32 32" id="hamburger_32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27 7H5v3h22V7ZM5 15h22v3H5v-3Zm0 8h22v3H5v-3Z" fill="#57A4D7"/></symbol>
274
+ <symbol fill="none" viewBox="0 0 16 16" id="info-o_16" xmlns="http://www.w3.org/2000/svg"><path d="M8.3 7h-.6a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5ZM6.93 5a1.07 1.07 0 1 1 2.14 0 1.07 1.07 0 0 1-2.14 0Z" fill="#57A4D7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7 5.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z" fill="#57A4D7"/></symbol>
275
+ <symbol fill="none" viewBox="0 0 16 16" id="info_16" xmlns="http://www.w3.org/2000/svg"><path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM7.7 7a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h.6a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-.6ZM8 3.93a1.07 1.07 0 1 0 0 2.14 1.07 1.07 0 0 0 0-2.14Z" fill="#57A4D7"/></symbol>
276
+ <symbol fill="none" viewBox="0 0 24 24" id="list_24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3H2v4h4V3ZM9 4h13.001v2H9V4ZM22.001 11H9v2h13.001v-2ZM22.001 18H9v2h13.001v-2ZM6 17H2v4h4v-4ZM2 10h4v4H2v-4Z" fill="#57A4D7"/></symbol>
277
+ <symbol fill="none" viewBox="0 0 16 16" id="minus_16" xmlns="http://www.w3.org/2000/svg"><path fill="#57A4D7" d="M3 7h10v2H3z"/></symbol>
278
+ <symbol fill="none" viewBox="0 0 16 16" id="new-tab_16" xmlns="http://www.w3.org/2000/svg"><path d="M10 5H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Zm0 1v7H3V6h7Z" fill="#57A4D7"/><path d="M14 2.9a.9.9 0 0 0-.9-.9H5.9a.9.9 0 0 0-.9.9v.899h.899L5.9 2.9h7.2v7.2h-.901v.9h.901a.9.9 0 0 0 .9-.9V2.9Z" fill="#57A4D7"/></symbol>
279
+ <symbol fill="none" viewBox="0 0 16 16" id="pause_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 3h-1.5c-.414 0-.75.224-.75.5v9c0 .276.336.5.75.5h1.5c.414 0 .75-.224.75-.5v-9c0-.276-.336-.5-.75-.5Zm5 0h-1.5c-.414 0-.75.224-.75.5v9c0 .276.336.5.75.5h1.5c.414 0 .75-.224.75-.5v-9c0-.276-.336-.5-.75-.5Z" fill="#57A4D7"/></symbol>
280
+ <symbol fill="none" viewBox="0 0 16 16" id="play_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3.413c0-.463 0-.694.097-.826a.5.5 0 0 1 .357-.202c.163-.015.361.104.758.342l7.645 4.587c.377.226.565.34.63.486a.5.5 0 0 1 0 .4c-.065.147-.253.26-.63.486l-7.645 4.587c-.397.238-.595.357-.758.342a.5.5 0 0 1-.357-.202C3 13.28 3 13.049 3 12.587V3.413Z" fill="#57A4D7"/></symbol>
281
+ <symbol fill="none" viewBox="0 0 24 24" id="question-circle_24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9Zm11 9c0-6.073-4.927-11-11-11S1 5.927 1 12s4.927 11 11 11 11-4.927 11-11Z" fill="#57A4D7"/><path d="M11.217 16.74c-.2-.175-.3-.418-.3-.73 0-.278.097-.51.29-.7a.977.977 0 0 1 .714-.285.95.95 0 0 1 .7.284.95.95 0 0 1 .284.7c0 .31-.1.55-.297.727a1.005 1.005 0 0 1-.687.264c-.27 0-.503-.087-.704-.26ZM9.1 8.49c.27-.43.66-.785 1.176-1.067C10.792 7.141 11.393 7 12.08 7c.638 0 1.202.118 1.69.354.489.235.867.556 1.133.96.267.405.4.846.4 1.321 0 .375-.076.702-.23.985a2.968 2.968 0 0 1-.54.73c-.21.205-.584.55-1.126 1.033-.15.137-.27.257-.36.361a1.414 1.414 0 0 0-.201.283 1.235 1.235 0 0 0-.102.258 7.979 7.979 0 0 0-.11.452c-.084.458-.345.687-.786.687a.8.8 0 0 1-.578-.225c-.156-.15-.234-.37-.234-.667 0-.37.057-.69.172-.96.114-.272.266-.51.455-.714.19-.205.445-.448.767-.73.282-.246.486-.432.61-.558.127-.125.232-.266.317-.419.087-.154.129-.322.129-.502 0-.352-.131-.65-.393-.892-.261-.243-.6-.363-1.013-.363-.485 0-.841.122-1.07.366-.23.245-.423.605-.582 1.08-.15.497-.434.747-.852.747a.834.834 0 0 1-.623-.26c-.17-.175-.255-.363-.255-.566 0-.418.134-.843.403-1.27Z" fill="#57A4D7"/></symbol>
282
+ <symbol fill="none" viewBox="0 0 16 16" id="search_16" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 11.802a4.9 4.9 0 1 1 4.09-2.198l3.01 3.01L12.614 14l-3.01-3.01a4.878 4.878 0 0 1-2.703.812Zm2.64-2.708a3.43 3.43 0 1 0-.446.446l.445-.446Z" fill="#57A4D7"/></symbol>
283
+ <symbol fill="none" viewBox="0 0 24 24" id="search_24" xmlns="http://www.w3.org/2000/svg"><path d="M14.496 16.618a8 8 0 1 1 2.121-2.121l5.235 5.234-2.121 2.121-5.235-5.234ZM16 10a6 6 0 1 0-12 0 6 6 0 0 0 12 0Z" fill="#57A4D7"/></symbol>
284
+ <symbol fill="none" viewBox="0 0 16 16" id="stop_16" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="10" rx="1" fill="#57A4D7"/></symbol>
285
+ <symbol fill="none" viewBox="0 0 16 16" id="success_16" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 6.605-4.305 4.314a.645.645 0 0 1-.918 0L4.347 8.786a.649.649 0 0 1 0-.92l.17-.17a.645.645 0 0 1 .918 0l1.5 1.502 3.675-3.684a.645.645 0 0 1 .918 0l.17.17a.649.649 0 0 1 0 .92ZM15 8c0-3.865-3.135-7-7-7S1 4.135 1 8s3.135 7 7 7 7-3.135 7-7Z" fill="#57A4D7"/></symbol>
286
+ <symbol fill="none" viewBox="0 0 16 16" id="theme_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.659V2h-3.659L8 0 5.659 2H2v3.659L0 8l2 2.341V14h3.659L8 16l2.341-2H14v-3.659L16 8l-2-2.341Zm-6 6.585c-.63 0-1.23-.141-1.768-.389A4.248 4.248 0 0 0 8.707 8a4.248 4.248 0 0 0-2.475-3.855A4.226 4.226 0 0 1 8 3.756 4.247 4.247 0 0 1 12.244 8 4.247 4.247 0 0 1 8 12.244Z" fill="#57A4D7"/></symbol>
287
+ <symbol fill="none" viewBox="0 0 16 16" id="triangle-down_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 6 4 4 4-4H4Z" fill="#57A4D7"/></symbol>
288
+ <symbol fill="none" viewBox="0 0 16 16" id="triangle-left_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.65 4.112c.196-.197.355-.125.355.145v6.998c0 .276-.152.348-.355.146L5.36 8.115a.496.496 0 0 1 0-.71l3.29-3.293Z" fill="#57A4D7"/></symbol>
289
+ <symbol fill="none" viewBox="0 0 16 16" id="triangle-right_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m7.355 4.111 3.29 3.29a.496.496 0 0 1 0 .71l-3.29 3.29c-.203.202-.355.13-.355-.146V4.257c0-.27.159-.342.355-.146Z" fill="#57A4D7"/></symbol>
290
+ <symbol fill="none" viewBox="0 0 16 16" id="triangle-up_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 10 4-4 4 4H4Z" fill="#57A4D7"/></symbol>
291
+ <symbol fill="none" viewBox="0 0 16 16" id="upload-to-cloud_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.634 6.406a.676.676 0 0 1-.95.004l-.85-.718.016 4.941a.66.66 0 0 1-.66.669.674.674 0 0 1-.673-.669L7.5 5.693l-.85.717a.678.678 0 0 1-.95-.004.657.657 0 0 1-.005-.938l1.999-1.975a.674.674 0 0 1 .946 0l1.998 1.975a.658.658 0 0 1-.004.938Zm-7.884 6.06a.25.25 0 0 0-.25.25v1c0 .139.112.25.25.25h11a.25.25 0 0 0 .25-.25v-1a.25.25 0 0 0-.25-.25h-11Z" fill="#57A4D7"/></symbol>
292
+ <symbol fill="none" viewBox="0 0 24 24" id="upload-to-cloud_24" xmlns="http://www.w3.org/2000/svg"><path d="M10.037 19v-2h-5.62l-.083-.021-.366.021C2.811 16.985 2 16.206 2 15.22a1.75 1.75 0 0 1 1.523-1.735l2.289-.292-.614-2.224a5.5 5.5 0 0 1 10.494-3.292l.504 1.438 1.52-.105a4 4 0 1 1 .179 7.989l-.353.022.137-.016.14-.005H14v2s3.837 0 3.845-.002L18 19a6 6 0 1 0-.422-11.985A7.503 7.503 0 0 0 10.5 2a7.48 7.48 0 0 0-7.484 7.517l.254 1.984-1.02.282A3.751 3.751 0 0 0 0 15.221C0 17.29 1.679 18.97 4 19h.024c.04-.001.084-.002.158 0h5.855Z" fill="#57A4D7"/><path d="M8.414 15.071a.993.993 0 0 0 1.408.006L11 13.899v8.098c0 .547.446 1.003 1.003 1.003.544 0 .997-.449.997-1.003v-8.24l1.32 1.32a.996.996 0 0 0 1.408-.006.993.993 0 0 0 .006-1.408L12.772 10.7a.993.993 0 0 0-1.402 0l-2.962 2.962a.996.996 0 0 0 .006 1.408Z" fill="#57A4D7"/></symbol>
293
+ <symbol fill="none" viewBox="0 0 32 32" id="upload-to-cloud_32" xmlns="http://www.w3.org/2000/svg"><path d="M30 16c0 3.19-2.727 5.873-6.077 6.002L19 22v2h5c4.33-.167 8-3.643 8-8 0-4.459-3.582-8.242-8-8.242-.154 0-.308.005-.46.013C21.936 4.36 18.49 2 14.5 2c-5.523 0-10 4.518-10 10.092 0 .071.147 1.734.147 1.734l-1.033.184C1.527 14.616 0 16.698 0 19c0 2.68 1.887 4.835 4.5 5 .022.006 8.5 0 8.5 0v-2c-.204-.002-6.015 0-7.914 0H4.5C2.937 21.867 2 20.56 2 19c0-1.382.899-2.651 2.085-3.043l2.715-.483c-.2-2.303-.3-3.43-.3-3.382C6.5 7.62 10.086 4 14.5 4c3.118 0 5.912 1.82 7.23 4.622l.575 1.223A98.575 98.575 0 0 1 24 9.758c3.266 0 6 2.84 6 6.242Z" fill="#57A4D7"/><path d="M16.423 13.277a.734.734 0 0 0-.672-.208.735.735 0 0 0-.674.208l-4.248 4.328a.771.771 0 0 0 .003 1.078c.295.3.766.3 1.058.002L15 15.517v12.63c0 .418.336.763.75.763.417 0 .75-.342.75-.762V15.517l3.11 3.168a.737.737 0 0 0 1.058-.002.77.77 0 0 0 .003-1.078l-4.248-4.328Z" fill="#57A4D7"/></symbol>
294
+ <symbol fill="none" viewBox="0 0 64 64" id="upload-to-cloud_64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m9.878 46.006.315.09c-.432-.065-.65-.1-.639-.11l.324.02Zm-.327-.02h.003c.003-.002.013-.003.033-.003l.555.002 1.995.004a9367.927 9367.927 0 0 0 12.109.01h1.998L27 46 27 49s-17.59-.007-17.635-.02C4.138 48.656 0 44.354 0 39.095c0-4.518 3.054-8.33 7.229-9.52l2.065-.361s-.262-2.99-.29-2.987A20.002 20.002 0 0 1 9 25.81C9 14.87 17.954 6 29 6a20.016 20.016 0 0 1 18.08 11.329c.304-.017.611-.026.92-.026 8.837 0 16 7.096 16 15.848C64 41.703 57.162 48.673 48.502 49H36v-3h12.442C55.484 45.707 61 40.054 61 33.151c0-7.09-5.814-12.848-13-12.848-.252 0-.503.007-.752.021l-2.006.113-.868-1.812C41.583 12.798 35.64 9 29 9c-9.395 0-17 7.533-17 16.81 0 .977.084 1.941.25 2.887l.572 3.28-3.321.23C5.846 32.459 3 35.47 3 39.095c0 3.595 2.8 6.584 6.55 6.891Zm23.295-17.85a1.487 1.487 0 0 0-1.345-.408 1.488 1.488 0 0 0-1.348.408l-8.494 8.495c-.587.587-.581 1.531.004 2.117.59.59 1.534.588 2.117.005l6.22-6.22v24.794c0 .819.672 1.495 1.5 1.495.834 0 1.5-.67 1.5-1.495V32.533l6.22 6.22c.587.586 1.53.58 2.117-.005.59-.59.588-1.534.005-2.117l-8.495-8.495Z" fill="#57A4D7"/></symbol>
295
+ <symbol fill="none" viewBox="0 0 24 24" id="user-o_24" xmlns="http://www.w3.org/2000/svg"><path d="m20.58 19.628-.75-7c-.188-1.501-1.543-2.878-3.056-2.878h-.084A5.25 5.25 0 0 1 12.381 12h-.917a5.25 5.25 0 0 1-4.31-2.25h-.083c-1.513 0-2.71 1.377-2.898 2.878l-.75 7C3.202 21.394 4.629 23 6.399 23h11.024c1.925 0 3.372-1.65 3.157-3.372ZM6.159 12.863a.998.998 0 0 1 .358-.638C7.828 13.485 9.529 14 11.464 14h.917c1.935 0 3.793-.514 5.104-1.775.19.156.323.38.358.638l.75 6.995.002.018c.057.455-.373 1.124-1.172 1.124H6.399c-.571 0-1.063-.556-.992-1.124l.002-.018.75-6.995ZM12.886 3a1 1 0 0 1 .992.92l-.01.08-.098.65c-.09.574-.223 1.412-.403 2.517a1 1 0 0 1-.986.833h-.917a1 1 0 0 1-.986-.836l-.5-3a1 1 0 0 1 .752-1.136l.022-.001c.097-.003.24-.007.437-.01.39-.007.954-.012 1.697-.017Zm1.004.823-.002.02.002-.02Zm1.45 3.67c.36-2.218.541-3.383.541-3.493a3 3 0 0 0-3-3c-1.498.01-2.302.023-2.41.04a3 3 0 0 0-2.466 3.453l.5 3A3 3 0 0 0 11.464 10h.917a3 3 0 0 0 2.96-2.507Z" fill="#57A4D7"/></symbol>
296
+ <symbol fill="none" viewBox="0 0 16 16" id="user_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.694 8.5h.612A3.5 3.5 0 0 0 11.178 7h.056a2 2 0 0 1 1.985 1.752l.5 4A1.998 1.998 0 0 1 11.734 15H4.266a2 2 0 0 1-1.985-2.248l.5-4A2 2 0 0 1 4.766 7h.056a3.5 3.5 0 0 0 2.872 1.5ZM8.64 1a2 2 0 0 1 2 2c0 .073-.12.85-.36 2.329A2 2 0 0 1 8.305 7h-.612a2 2 0 0 1-1.973-1.671l-.333-2a2 2 0 0 1 1.644-2.302c.073-.012.608-.02 1.607-.027Z" fill="#57A4D7"/></symbol>
297
+ <symbol fill="none" viewBox="0 0 16 16" id="word-wrap-slash_16" xmlns="http://www.w3.org/2000/svg"><path d="M2 3h12v1H2V3ZM2 6h9v1H2V6ZM2 12h9v1H2v-1ZM2 9h11v1H2V9ZM16 9.5 13 7v5l3-2.5Z" fill="#57A4D7"/></symbol>
298
+ <symbol fill="none" viewBox="0 0 16 16" id="word-wrap_16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 3H2v1h12V3Zm0 3H2v1h12V6ZM2 9h6v1H2V9Zm4 3H2v1h4v-1Zm5-3h3v4h-4v2l-3-2.5 3-2.5v2h3v-2h-2V9Z" fill="#57A4D7"/></symbol>
299
+ </svg>
300
+
301
+ <!--
302
+ ====================================================================================================
303
+ -->
304
+
305
+ <header>
306
+ <h1>SVG <code>&lt;symbol&gt;</code> sprite preview</h1>
307
+ <p>This preview features two methods of using the generated sprite in conjunction with inline SVG. Please have a look at the HTML source for further details and be aware of the following constraints:</p>
308
+ <ul>
309
+ <li>Your browser has to <a href="https://caniuse.com/svg-html5" target="_blank" rel="noopener noreferrer">support inline SVG</a> for these techniques to work.</li>
310
+ <li>The embedded sprite (A) slightly differs from the generated external one. Please <a href="https://github.com/svg-sprite/svg-sprite/blob/main/docs/configuration.md#defs--symbol-mode" target="_blank" rel="noopener noreferrer">see the documentation</a> for details on how to create such an embeddable sprite.</li>
311
+ </ul>
312
+ </header>
313
+ <section>
314
+
315
+ <!--
316
+ A) Inline SVG with embedded sprite
317
+ ====================================================================================================
318
+ These SVG images make use of fragment identifiers (IDs) and are extracted out of the inline sprite
319
+ embedded above. They may be styled via CSS.
320
+ -->
321
+
322
+ <h3>A) Inline SVG with embedded sprite</h3>
323
+ <ul>
324
+
325
+ <li title="angle-down-L_16">
326
+ <div class="icon-box">
327
+ <svg class="pt-angle-down-L_16-dims">
328
+ <use xlink:href="#angle-down-L_16"></use>
329
+ </svg>
330
+ </div>
331
+ <h2>angle-down-L_16, </h2>
332
+ </li>
333
+ <li title="angle-down-L_24">
334
+ <div class="icon-box">
335
+ <svg class="pt-angle-down-L_24-dims">
336
+ <use xlink:href="#angle-down-L_24"></use>
337
+ </svg>
338
+ </div>
339
+ <h2>angle-down-L_24, </h2>
340
+ </li>
341
+ <li title="angle-down-M_16">
342
+ <div class="icon-box">
343
+ <svg class="pt-angle-down-M_16-dims">
344
+ <use xlink:href="#angle-down-M_16"></use>
345
+ </svg>
346
+ </div>
347
+ <h2>angle-down-M_16, </h2>
348
+ </li>
349
+ <li title="angle-down-M_24">
350
+ <div class="icon-box">
351
+ <svg class="pt-angle-down-M_24-dims">
352
+ <use xlink:href="#angle-down-M_24"></use>
353
+ </svg>
354
+ </div>
355
+ <h2>angle-down-M_24, </h2>
356
+ </li>
357
+ <li title="angle-down-S_16">
358
+ <div class="icon-box">
359
+ <svg class="pt-angle-down-S_16-dims">
360
+ <use xlink:href="#angle-down-S_16"></use>
361
+ </svg>
362
+ </div>
363
+ <h2>angle-down-S_16, </h2>
364
+ </li>
365
+ <li title="angle-left-L_16">
366
+ <div class="icon-box">
367
+ <svg class="pt-angle-left-L_16-dims">
368
+ <use xlink:href="#angle-left-L_16"></use>
369
+ </svg>
370
+ </div>
371
+ <h2>angle-left-L_16, </h2>
372
+ </li>
373
+ <li title="angle-left-L_24">
374
+ <div class="icon-box">
375
+ <svg class="pt-angle-left-L_24-dims">
376
+ <use xlink:href="#angle-left-L_24"></use>
377
+ </svg>
378
+ </div>
379
+ <h2>angle-left-L_24, </h2>
380
+ </li>
381
+ <li title="angle-left-M_16">
382
+ <div class="icon-box">
383
+ <svg class="pt-angle-left-M_16-dims">
384
+ <use xlink:href="#angle-left-M_16"></use>
385
+ </svg>
386
+ </div>
387
+ <h2>angle-left-M_16, </h2>
388
+ </li>
389
+ <li title="angle-left-M_24">
390
+ <div class="icon-box">
391
+ <svg class="pt-angle-left-M_24-dims">
392
+ <use xlink:href="#angle-left-M_24"></use>
393
+ </svg>
394
+ </div>
395
+ <h2>angle-left-M_24, </h2>
396
+ </li>
397
+ <li title="angle-left-S_16">
398
+ <div class="icon-box">
399
+ <svg class="pt-angle-left-S_16-dims">
400
+ <use xlink:href="#angle-left-S_16"></use>
401
+ </svg>
402
+ </div>
403
+ <h2>angle-left-S_16, </h2>
404
+ </li>
405
+ <li title="angle-right-L_16">
406
+ <div class="icon-box">
407
+ <svg class="pt-angle-right-L_16-dims">
408
+ <use xlink:href="#angle-right-L_16"></use>
409
+ </svg>
410
+ </div>
411
+ <h2>angle-right-L_16, </h2>
412
+ </li>
413
+ <li title="angle-right-L_24">
414
+ <div class="icon-box">
415
+ <svg class="pt-angle-right-L_24-dims">
416
+ <use xlink:href="#angle-right-L_24"></use>
417
+ </svg>
418
+ </div>
419
+ <h2>angle-right-L_24, </h2>
420
+ </li>
421
+ <li title="angle-right-M_16">
422
+ <div class="icon-box">
423
+ <svg class="pt-angle-right-M_16-dims">
424
+ <use xlink:href="#angle-right-M_16"></use>
425
+ </svg>
426
+ </div>
427
+ <h2>angle-right-M_16, </h2>
428
+ </li>
429
+ <li title="angle-right-M_24">
430
+ <div class="icon-box">
431
+ <svg class="pt-angle-right-M_24-dims">
432
+ <use xlink:href="#angle-right-M_24"></use>
433
+ </svg>
434
+ </div>
435
+ <h2>angle-right-M_24, </h2>
436
+ </li>
437
+ <li title="angle-right-M_32">
438
+ <div class="icon-box">
439
+ <svg class="pt-angle-right-M_32-dims">
440
+ <use xlink:href="#angle-right-M_32"></use>
441
+ </svg>
442
+ </div>
443
+ <h2>angle-right-M_32, </h2>
444
+ </li>
445
+ <li title="angle-right-S_16">
446
+ <div class="icon-box">
447
+ <svg class="pt-angle-right-S_16-dims">
448
+ <use xlink:href="#angle-right-S_16"></use>
449
+ </svg>
450
+ </div>
451
+ <h2>angle-right-S_16, </h2>
452
+ </li>
453
+ <li title="angle-up-L_16">
454
+ <div class="icon-box">
455
+ <svg class="pt-angle-up-L_16-dims">
456
+ <use xlink:href="#angle-up-L_16"></use>
457
+ </svg>
458
+ </div>
459
+ <h2>angle-up-L_16, </h2>
460
+ </li>
461
+ <li title="angle-up-L_24">
462
+ <div class="icon-box">
463
+ <svg class="pt-angle-up-L_24-dims">
464
+ <use xlink:href="#angle-up-L_24"></use>
465
+ </svg>
466
+ </div>
467
+ <h2>angle-up-L_24, </h2>
468
+ </li>
469
+ <li title="angle-up-M_16">
470
+ <div class="icon-box">
471
+ <svg class="pt-angle-up-M_16-dims">
472
+ <use xlink:href="#angle-up-M_16"></use>
473
+ </svg>
474
+ </div>
475
+ <h2>angle-up-M_16, </h2>
476
+ </li>
477
+ <li title="angle-up-M_24">
478
+ <div class="icon-box">
479
+ <svg class="pt-angle-up-M_24-dims">
480
+ <use xlink:href="#angle-up-M_24"></use>
481
+ </svg>
482
+ </div>
483
+ <h2>angle-up-M_24, </h2>
484
+ </li>
485
+ <li title="angle-up-S_16">
486
+ <div class="icon-box">
487
+ <svg class="pt-angle-up-S_16-dims">
488
+ <use xlink:href="#angle-up-S_16"></use>
489
+ </svg>
490
+ </div>
491
+ <h2>angle-up-S_16, </h2>
492
+ </li>
493
+ <li title="bell-o_16">
494
+ <div class="icon-box">
495
+ <svg class="pt-bell-o_16-dims">
496
+ <use xlink:href="#bell-o_16"></use>
497
+ </svg>
498
+ </div>
499
+ <h2>bell-o_16, </h2>
500
+ </li>
501
+ <li title="bell-o_24">
502
+ <div class="icon-box">
503
+ <svg class="pt-bell-o_24-dims">
504
+ <use xlink:href="#bell-o_24"></use>
505
+ </svg>
506
+ </div>
507
+ <h2>bell-o_24, </h2>
508
+ </li>
509
+ <li title="bell-off-o_16">
510
+ <div class="icon-box">
511
+ <svg class="pt-bell-off-o_16-dims">
512
+ <use xlink:href="#bell-off-o_16"></use>
513
+ </svg>
514
+ </div>
515
+ <h2>bell-off-o_16, </h2>
516
+ </li>
517
+ <li title="bell_16">
518
+ <div class="icon-box">
519
+ <svg class="pt-bell_16-dims">
520
+ <use xlink:href="#bell_16"></use>
521
+ </svg>
522
+ </div>
523
+ <h2>bell_16, </h2>
524
+ </li>
525
+ <li title="bell_32">
526
+ <div class="icon-box">
527
+ <svg class="pt-bell_32-dims">
528
+ <use xlink:href="#bell_32"></use>
529
+ </svg>
530
+ </div>
531
+ <h2>bell_32, </h2>
532
+ </li>
533
+ <li title="bento_16">
534
+ <div class="icon-box">
535
+ <svg class="pt-bento_16-dims">
536
+ <use xlink:href="#bento_16"></use>
537
+ </svg>
538
+ </div>
539
+ <h2>bento_16, </h2>
540
+ </li>
541
+ <li title="bento_24">
542
+ <div class="icon-box">
543
+ <svg class="pt-bento_24-dims">
544
+ <use xlink:href="#bento_24"></use>
545
+ </svg>
546
+ </div>
547
+ <h2>bento_24, </h2>
548
+ </li>
549
+ <li title="bento_32">
550
+ <div class="icon-box">
551
+ <svg class="pt-bento_32-dims">
552
+ <use xlink:href="#bento_32"></use>
553
+ </svg>
554
+ </div>
555
+ <h2>bento_32, </h2>
556
+ </li>
557
+ <li title="calendar_16">
558
+ <div class="icon-box">
559
+ <svg class="pt-calendar_16-dims">
560
+ <use xlink:href="#calendar_16"></use>
561
+ </svg>
562
+ </div>
563
+ <h2>calendar_16, </h2>
564
+ </li>
565
+ <li title="chart-bar_24">
566
+ <div class="icon-box">
567
+ <svg class="pt-chart-bar_24-dims">
568
+ <use xlink:href="#chart-bar_24"></use>
569
+ </svg>
570
+ </div>
571
+ <h2>chart-bar_24, </h2>
572
+ </li>
573
+ <li title="check_16">
574
+ <div class="icon-box">
575
+ <svg class="pt-check_16-dims">
576
+ <use xlink:href="#check_16"></use>
577
+ </svg>
578
+ </div>
579
+ <h2>check_16, </h2>
580
+ </li>
581
+ <li title="circle-8_16">
582
+ <div class="icon-box">
583
+ <svg class="pt-circle-8_16-dims">
584
+ <use xlink:href="#circle-8_16"></use>
585
+ </svg>
586
+ </div>
587
+ <h2>circle-8_16, </h2>
588
+ </li>
589
+ <li title="clock_16">
590
+ <div class="icon-box">
591
+ <svg class="pt-clock_16-dims">
592
+ <use xlink:href="#clock_16"></use>
593
+ </svg>
594
+ </div>
595
+ <h2>clock_16, </h2>
596
+ </li>
597
+ <li title="close-L_16">
598
+ <div class="icon-box">
599
+ <svg class="pt-close-L_16-dims">
600
+ <use xlink:href="#close-L_16"></use>
601
+ </svg>
602
+ </div>
603
+ <h2>close-L_16, </h2>
604
+ </li>
605
+ <li title="close-L_32">
606
+ <div class="icon-box">
607
+ <svg class="pt-close-L_32-dims">
608
+ <use xlink:href="#close-L_32"></use>
609
+ </svg>
610
+ </div>
611
+ <h2>close-L_32, </h2>
612
+ </li>
613
+ <li title="close-M_16">
614
+ <div class="icon-box">
615
+ <svg class="pt-close-M_16-dims">
616
+ <use xlink:href="#close-M_16"></use>
617
+ </svg>
618
+ </div>
619
+ <h2>close-M_16, </h2>
620
+ </li>
621
+ <li title="close-S_16">
622
+ <div class="icon-box">
623
+ <svg class="pt-close-S_16-dims">
624
+ <use xlink:href="#close-S_16"></use>
625
+ </svg>
626
+ </div>
627
+ <h2>close-S_16, </h2>
628
+ </li>
629
+ <li title="close-circle_16">
630
+ <div class="icon-box">
631
+ <svg class="pt-close-circle_16-dims">
632
+ <use xlink:href="#close-circle_16"></use>
633
+ </svg>
634
+ </div>
635
+ <h2>close-circle_16, </h2>
636
+ </li>
637
+ <li title="color-palette_16">
638
+ <div class="icon-box">
639
+ <svg class="pt-color-palette_16-dims">
640
+ <use xlink:href="#color-palette_16"></use>
641
+ </svg>
642
+ </div>
643
+ <h2>color-palette_16, </h2>
644
+ </li>
645
+ <li title="copy-o_16">
646
+ <div class="icon-box">
647
+ <svg class="pt-copy-o_16-dims">
648
+ <use xlink:href="#copy-o_16"></use>
649
+ </svg>
650
+ </div>
651
+ <h2>copy-o_16, </h2>
652
+ </li>
653
+ <li title="copy_16">
654
+ <div class="icon-box">
655
+ <svg class="pt-copy_16-dims">
656
+ <use xlink:href="#copy_16"></use>
657
+ </svg>
658
+ </div>
659
+ <h2>copy_16, </h2>
660
+ </li>
661
+ <li title="download_16">
662
+ <div class="icon-box">
663
+ <svg class="pt-download_16-dims">
664
+ <use xlink:href="#download_16"></use>
665
+ </svg>
666
+ </div>
667
+ <h2>download_16, </h2>
668
+ </li>
669
+ <li title="download_32">
670
+ <div class="icon-box">
671
+ <svg class="pt-download_32-dims">
672
+ <use xlink:href="#download_32"></use>
673
+ </svg>
674
+ </div>
675
+ <h2>download_32, </h2>
676
+ </li>
677
+ <li title="ellipsis_16">
678
+ <div class="icon-box">
679
+ <svg class="pt-ellipsis_16-dims">
680
+ <use xlink:href="#ellipsis_16"></use>
681
+ </svg>
682
+ </div>
683
+ <h2>ellipsis_16, </h2>
684
+ </li>
685
+ <li title="ellipsis_24">
686
+ <div class="icon-box">
687
+ <svg class="pt-ellipsis_24-dims">
688
+ <use xlink:href="#ellipsis_24"></use>
689
+ </svg>
690
+ </div>
691
+ <h2>ellipsis_24, </h2>
692
+ </li>
693
+ <li title="error_16">
694
+ <div class="icon-box">
695
+ <svg class="pt-error_16-dims">
696
+ <use xlink:href="#error_16"></use>
697
+ </svg>
698
+ </div>
699
+ <h2>error_16, </h2>
700
+ </li>
701
+ <li title="external-link_16">
702
+ <div class="icon-box">
703
+ <svg class="pt-external-link_16-dims">
704
+ <use xlink:href="#external-link_16"></use>
705
+ </svg>
706
+ </div>
707
+ <h2>external-link_16, </h2>
708
+ </li>
709
+ <li title="eye-crossed_16">
710
+ <div class="icon-box">
711
+ <svg class="pt-eye-crossed_16-dims">
712
+ <use xlink:href="#eye-crossed_16"></use>
713
+ </svg>
714
+ </div>
715
+ <h2>eye-crossed_16, </h2>
716
+ </li>
717
+ <li title="eye_16">
718
+ <div class="icon-box">
719
+ <svg class="pt-eye_16-dims">
720
+ <use xlink:href="#eye_16"></use>
721
+ </svg>
722
+ </div>
723
+ <h2>eye_16, </h2>
724
+ </li>
725
+ <li title="file-empty_16">
726
+ <div class="icon-box">
727
+ <svg class="pt-file-empty_16-dims">
728
+ <use xlink:href="#file-empty_16"></use>
729
+ </svg>
730
+ </div>
731
+ <h2>file-empty_16, </h2>
732
+ </li>
733
+ <li title="folder-closed_16">
734
+ <div class="icon-box">
735
+ <svg class="pt-folder-closed_16-dims">
736
+ <use xlink:href="#folder-closed_16"></use>
737
+ </svg>
738
+ </div>
739
+ <h2>folder-closed_16, </h2>
740
+ </li>
741
+ <li title="folder-open-o_24">
742
+ <div class="icon-box">
743
+ <svg class="pt-folder-open-o_24-dims">
744
+ <use xlink:href="#folder-open-o_24"></use>
745
+ </svg>
746
+ </div>
747
+ <h2>folder-open-o_24, </h2>
748
+ </li>
749
+ <li title="folder-opened_16">
750
+ <div class="icon-box">
751
+ <svg class="pt-folder-opened_16-dims">
752
+ <use xlink:href="#folder-opened_16"></use>
753
+ </svg>
754
+ </div>
755
+ <h2>folder-opened_16, </h2>
756
+ </li>
757
+ <li title="folder-search-opened_16">
758
+ <div class="icon-box">
759
+ <svg class="pt-folder-search-opened_16-dims">
760
+ <use xlink:href="#folder-search-opened_16"></use>
761
+ </svg>
762
+ </div>
763
+ <h2>folder-search-opened_16, </h2>
764
+ </li>
765
+ <li title="folder-search_16">
766
+ <div class="icon-box">
767
+ <svg class="pt-folder-search_16-dims">
768
+ <use xlink:href="#folder-search_16"></use>
769
+ </svg>
770
+ </div>
771
+ <h2>folder-search_16, </h2>
772
+ </li>
773
+ <li title="gear_16">
774
+ <div class="icon-box">
775
+ <svg class="pt-gear_16-dims">
776
+ <use xlink:href="#gear_16"></use>
777
+ </svg>
778
+ </div>
779
+ <h2>gear_16, </h2>
780
+ </li>
781
+ <li title="globe_16">
782
+ <div class="icon-box">
783
+ <svg class="pt-globe_16-dims">
784
+ <use xlink:href="#globe_16"></use>
785
+ </svg>
786
+ </div>
787
+ <h2>globe_16, </h2>
788
+ </li>
789
+ <li title="hamburger_16">
790
+ <div class="icon-box">
791
+ <svg class="pt-hamburger_16-dims">
792
+ <use xlink:href="#hamburger_16"></use>
793
+ </svg>
794
+ </div>
795
+ <h2>hamburger_16, </h2>
796
+ </li>
797
+ <li title="hamburger_32">
798
+ <div class="icon-box">
799
+ <svg class="pt-hamburger_32-dims">
800
+ <use xlink:href="#hamburger_32"></use>
801
+ </svg>
802
+ </div>
803
+ <h2>hamburger_32, </h2>
804
+ </li>
805
+ <li title="info-o_16">
806
+ <div class="icon-box">
807
+ <svg class="pt-info-o_16-dims">
808
+ <use xlink:href="#info-o_16"></use>
809
+ </svg>
810
+ </div>
811
+ <h2>info-o_16, </h2>
812
+ </li>
813
+ <li title="info_16">
814
+ <div class="icon-box">
815
+ <svg class="pt-info_16-dims">
816
+ <use xlink:href="#info_16"></use>
817
+ </svg>
818
+ </div>
819
+ <h2>info_16, </h2>
820
+ </li>
821
+ <li title="list_24">
822
+ <div class="icon-box">
823
+ <svg class="pt-list_24-dims">
824
+ <use xlink:href="#list_24"></use>
825
+ </svg>
826
+ </div>
827
+ <h2>list_24, </h2>
828
+ </li>
829
+ <li title="minus_16">
830
+ <div class="icon-box">
831
+ <svg class="pt-minus_16-dims">
832
+ <use xlink:href="#minus_16"></use>
833
+ </svg>
834
+ </div>
835
+ <h2>minus_16, </h2>
836
+ </li>
837
+ <li title="new-tab_16">
838
+ <div class="icon-box">
839
+ <svg class="pt-new-tab_16-dims">
840
+ <use xlink:href="#new-tab_16"></use>
841
+ </svg>
842
+ </div>
843
+ <h2>new-tab_16, </h2>
844
+ </li>
845
+ <li title="pause_16">
846
+ <div class="icon-box">
847
+ <svg class="pt-pause_16-dims">
848
+ <use xlink:href="#pause_16"></use>
849
+ </svg>
850
+ </div>
851
+ <h2>pause_16, </h2>
852
+ </li>
853
+ <li title="play_16">
854
+ <div class="icon-box">
855
+ <svg class="pt-play_16-dims">
856
+ <use xlink:href="#play_16"></use>
857
+ </svg>
858
+ </div>
859
+ <h2>play_16, </h2>
860
+ </li>
861
+ <li title="question-circle_24">
862
+ <div class="icon-box">
863
+ <svg class="pt-question-circle_24-dims">
864
+ <use xlink:href="#question-circle_24"></use>
865
+ </svg>
866
+ </div>
867
+ <h2>question-circle_24, </h2>
868
+ </li>
869
+ <li title="search_16">
870
+ <div class="icon-box">
871
+ <svg class="pt-search_16-dims">
872
+ <use xlink:href="#search_16"></use>
873
+ </svg>
874
+ </div>
875
+ <h2>search_16, </h2>
876
+ </li>
877
+ <li title="search_24">
878
+ <div class="icon-box">
879
+ <svg class="pt-search_24-dims">
880
+ <use xlink:href="#search_24"></use>
881
+ </svg>
882
+ </div>
883
+ <h2>search_24, </h2>
884
+ </li>
885
+ <li title="stop_16">
886
+ <div class="icon-box">
887
+ <svg class="pt-stop_16-dims">
888
+ <use xlink:href="#stop_16"></use>
889
+ </svg>
890
+ </div>
891
+ <h2>stop_16, </h2>
892
+ </li>
893
+ <li title="success_16">
894
+ <div class="icon-box">
895
+ <svg class="pt-success_16-dims">
896
+ <use xlink:href="#success_16"></use>
897
+ </svg>
898
+ </div>
899
+ <h2>success_16, </h2>
900
+ </li>
901
+ <li title="theme_16">
902
+ <div class="icon-box">
903
+ <svg class="pt-theme_16-dims">
904
+ <use xlink:href="#theme_16"></use>
905
+ </svg>
906
+ </div>
907
+ <h2>theme_16, </h2>
908
+ </li>
909
+ <li title="triangle-down_16">
910
+ <div class="icon-box">
911
+ <svg class="pt-triangle-down_16-dims">
912
+ <use xlink:href="#triangle-down_16"></use>
913
+ </svg>
914
+ </div>
915
+ <h2>triangle-down_16, </h2>
916
+ </li>
917
+ <li title="triangle-left_16">
918
+ <div class="icon-box">
919
+ <svg class="pt-triangle-left_16-dims">
920
+ <use xlink:href="#triangle-left_16"></use>
921
+ </svg>
922
+ </div>
923
+ <h2>triangle-left_16, </h2>
924
+ </li>
925
+ <li title="triangle-right_16">
926
+ <div class="icon-box">
927
+ <svg class="pt-triangle-right_16-dims">
928
+ <use xlink:href="#triangle-right_16"></use>
929
+ </svg>
930
+ </div>
931
+ <h2>triangle-right_16, </h2>
932
+ </li>
933
+ <li title="triangle-up_16">
934
+ <div class="icon-box">
935
+ <svg class="pt-triangle-up_16-dims">
936
+ <use xlink:href="#triangle-up_16"></use>
937
+ </svg>
938
+ </div>
939
+ <h2>triangle-up_16, </h2>
940
+ </li>
941
+ <li title="upload-to-cloud_16">
942
+ <div class="icon-box">
943
+ <svg class="pt-upload-to-cloud_16-dims">
944
+ <use xlink:href="#upload-to-cloud_16"></use>
945
+ </svg>
946
+ </div>
947
+ <h2>upload-to-cloud_16, </h2>
948
+ </li>
949
+ <li title="upload-to-cloud_24">
950
+ <div class="icon-box">
951
+ <svg class="pt-upload-to-cloud_24-dims">
952
+ <use xlink:href="#upload-to-cloud_24"></use>
953
+ </svg>
954
+ </div>
955
+ <h2>upload-to-cloud_24, </h2>
956
+ </li>
957
+ <li title="upload-to-cloud_32">
958
+ <div class="icon-box">
959
+ <svg class="pt-upload-to-cloud_32-dims">
960
+ <use xlink:href="#upload-to-cloud_32"></use>
961
+ </svg>
962
+ </div>
963
+ <h2>upload-to-cloud_32, </h2>
964
+ </li>
965
+ <li title="upload-to-cloud_64">
966
+ <div class="icon-box">
967
+ <svg class="pt-upload-to-cloud_64-dims">
968
+ <use xlink:href="#upload-to-cloud_64"></use>
969
+ </svg>
970
+ </div>
971
+ <h2>upload-to-cloud_64, </h2>
972
+ </li>
973
+ <li title="user-o_24">
974
+ <div class="icon-box">
975
+ <svg class="pt-user-o_24-dims">
976
+ <use xlink:href="#user-o_24"></use>
977
+ </svg>
978
+ </div>
979
+ <h2>user-o_24, </h2>
980
+ </li>
981
+ <li title="user_16">
982
+ <div class="icon-box">
983
+ <svg class="pt-user_16-dims">
984
+ <use xlink:href="#user_16"></use>
985
+ </svg>
986
+ </div>
987
+ <h2>user_16, </h2>
988
+ </li>
989
+ <li title="word-wrap-slash_16">
990
+ <div class="icon-box">
991
+ <svg class="pt-word-wrap-slash_16-dims">
992
+ <use xlink:href="#word-wrap-slash_16"></use>
993
+ </svg>
994
+ </div>
995
+ <h2>word-wrap-slash_16, </h2>
996
+ </li>
997
+ <li title="word-wrap_16">
998
+ <div class="icon-box">
999
+ <svg class="pt-word-wrap_16-dims">
1000
+ <use xlink:href="#word-wrap_16"></use>
1001
+ </svg>
1002
+ </div>
1003
+ <h2>word-wrap_16, </h2>
1004
+ </li>
1005
+ </ul>
1006
+
1007
+ <!--
1008
+ ====================================================================================================
1009
+ -->
1010
+
1011
+ </section>
1012
+ <section>
1013
+
1014
+ <!--
1015
+ B) Inline SVG with external sprite
1016
+ ====================================================================================================
1017
+ These SVG images make use of an URL + fragment identifiers (IDs) and refer to the regular external
1018
+ SVG sprite. They may be styled via CSS.
1019
+ -->
1020
+
1021
+ <h3>B) Inline SVG with external sprite</h3>
1022
+ <p>Please set the <code>inline</code> option to <code>false</code> in order to preview this method.</p>
1023
+
1024
+ <!--
1025
+ ====================================================================================================
1026
+ -->
1027
+
1028
+ </section>
1029
+ <footer>
1030
+ <p>Generated at Fri, 18 Aug 2023 10:06:56 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
1031
+ </footer>
1032
+ </body>
1033
+ </html>