Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<div class="grid grid-cols-6 gap-6">
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M18 8.4C18 6.70261 17.3679 5.07475 16.2426 3.87452C15.1174 2.67428 13.5913 2 12 2C10.4087 2 8.88258 2.67428 7.75736 3.87452C6.63214 5.07475 6 6.70261 6 8.4C6 15.8667 3 18 3 18H21C21 18 18 15.8667 18 8.4Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">bell</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M3 10V6C3 4.89543 3.89543 4 5 4H7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M7 2V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M21 10V6C21 4.89543 20.1046 4 19 4H18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">calendar</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">check</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M7 12.5L10 15.5L17 8.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">check-circle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M16.1538 7.15382C15.2054 6.20538 13.5351 5.54568 12 5.50437M7.84619 16.1538C8.73855 17.3436 10.3977 18.0222 12 18.0798M12 5.50437C10.1735 5.45522 8.5385 6.2815 8.5385 8.53845C8.5385 12.6923 16.1538 10.6154 16.1538 14.7692C16.1538 17.1383 14.127 18.1562 12 18.0798M12 5.50437V3M12 18.0798V20.9999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">dollar</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6 20L18 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M12 4V16M12 16L15.5 12.5M12 16L8.5 12.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">download</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M14.3632 5.65156L15.8431 4.17157C16.6242 3.39052 17.8905 3.39052 18.6716 4.17157L20.0858 5.58579C20.8668 6.36683 20.8668 7.63316 20.0858 8.41421L18.6058 9.8942M14.3632 5.65156L4.74749 15.2672C4.41542 15.5993 4.21079 16.0376 4.16947 16.5054L3.92738 19.2459C3.87261 19.8659 4.39148 20.3848 5.0115 20.33L7.75191 20.0879C8.21972 20.0466 8.65806 19.8419 8.99013 19.5099L18.6058 9.8942M14.3632 5.65156L18.6058 9.8942" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">edit-pencil</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M3 13C6.6 5 17.4 5 21 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">eye</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M16.5 8.5L13 12L16.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M10.5 8.5L7 12L10.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">fast-left-circle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M13 10V3L5 14H11V21L19 10H13Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">flash</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M18 8C19.1046 8 20 7.10457 20 6C20 4.89543 19.1046 4 18 4C16.8954 4 16 4.89543 16 6C16 7.10457 16.8954 8 18 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M6 20C7.10457 20 8 19.1046 8 18C8 16.8954 7.10457 16 6 16C4.89543 16 4 16.8954 4 18C4 19.1046 4.89543 20 6 20Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M6 16V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M8 18H9C12.5 18 18 15.9 18 9.5V8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">git-branch</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" viewbox="0 0 24 24" class="shrink-0" aria-hidden="true">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 11.5v5m0-8.99.01-.011M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">info-circle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M8 6L20 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M4 6.01L4.01 5.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M4 12.01L4.01 11.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M4 18.01L4.01 17.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M8 12L20 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M8 18L20 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">list</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" class="shrink-0" aria-hidden="true">
        <path fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M21 12a8.978 8.978 0 0 1-3 6.708A9 9 0 1 1 12 3"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">loading-indicator</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M3 5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">menu</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6 12H18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">minus</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M20 12.5C20.2761 12.5 20.5 12.2761 20.5 12C20.5 11.7239 20.2761 11.5 20 11.5C19.7239 11.5 19.5 11.7239 19.5 12C19.5 12.2761 19.7239 12.5 20 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M4 12.5C4.27614 12.5 4.5 12.2761 4.5 12C4.5 11.7239 4.27614 11.5 4 11.5C3.72386 11.5 3.5 11.7239 3.5 12C3.5 12.2761 3.72386 12.5 4 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">more-horiz</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">nav-arrow-down</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M15 6L9 12L15 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">nav-arrow-left</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">nav-arrow-right</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M21 3L15 3M21 3L12 12M21 3V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H11" stroke="currentColor" stroke-linecap="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">open-new-window</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M8.5 4H6C4.89543 4 4 4.89543 4 6V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V6C20 4.89543 19.1046 4 18 4H15.5" stroke="currentColor" stroke-linecap="round"></path>
        <path d="M8 6.4V4.5C8 4.22386 8.22386 4 8.5 4C8.77614 4 9.00422 3.77604 9.05152 3.50398C9.19968 2.65171 9.77399 1 12 1C14.226 1 14.8003 2.65171 14.9485 3.50398C14.9958 3.77604 15.2239 4 15.5 4C15.7761 4 16 4.22386 16 4.5V6.4C16 6.73137 15.7314 7 15.4 7H8.6C8.26863 7 8 6.73137 8 6.4Z" stroke="currentColor" stroke-linecap="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">paste-clipboard</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6 18.4V5.6C6 5.26863 6.26863 5 6.6 5H9.4C9.73137 5 10 5.26863 10 5.6V18.4C10 18.7314 9.73137 19 9.4 19H6.6C6.26863 19 6 18.7314 6 18.4Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path>
        <path d="M14 18.4V5.6C14 5.26863 14.2686 5 14.6 5H17.4C17.7314 5 18 5.26863 18 5.6V18.4C18 18.7314 17.7314 19 17.4 19H14.6C14.2686 19 14 18.7314 14 18.4Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">pause-solid</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M17 19C15.8954 19 15 18.1046 15 17C15 15.8954 15.8954 15 17 15C18.1046 15 19 15.8954 19 17C19 18.1046 18.1046 19 17 19Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M7 9C5.89543 9 5 8.10457 5 7C5 5.89543 5.89543 5 7 5C8.10457 5 9 5.89543 9 7C9 8.10457 8.10457 9 7 9Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M19 5L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">percentage</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">play</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6 12H12M18 12H12M12 12V6M12 12V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">plus</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">search</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">settings</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M21 6L15.375 6M3 6L8.625 6M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6L15.375 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">trash</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M11.4752 2.94682C11.7037 2.53464 12.2963 2.53464 12.5248 2.94682L21.8985 19.8591C22.1202 20.259 21.831 20.75 21.3738 20.75H2.62625C2.16902 20.75 1.87981 20.259 2.10146 19.8591L11.4752 2.94682Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">triangle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke-width="1.5" viewbox="0 0 24 24" class="shrink-0" aria-hidden="true">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 7v6m0 4.01.01-.011M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">warning-circle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M20.0429 21H3.95705C2.41902 21 1.45658 19.3364 2.22324 18.0031L10.2662 4.01533C11.0352 2.67792 12.9648 2.67791 13.7338 4.01532L21.7768 18.0031C22.5434 19.3364 21.581 21 20.0429 21Z" stroke="currentColor" stroke-linecap="round"></path>
        <path d="M12 9V13" stroke="currentColor" stroke-linecap="round"></path>
        <path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">warning-triangle</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" viewbox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <g clip-path="url(#clip0_2576_14436)">
          <path d="M10.0503 10.6066L2.97923 17.6777C2.19818 18.4587 2.19818 19.725 2.97923 20.5061V20.5061C3.76027 21.2871 5.0266 21.2871 5.80765 20.5061L12.8787 13.435" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M10.0502 10.6066C9.20638 8.45358 9.37134 5.6286 11.1109 3.88909C12.8504 2.14957 16.0606 1.76777 17.8284 2.82843L14.7877 5.8691L14.5051 8.98014L17.6161 8.69753L20.6568 5.65685C21.7175 7.42462 21.3357 10.6349 19.5961 12.3744C17.8566 14.1139 15.0316 14.2789 12.8786 13.435" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </g>
        <defs>
          <clippath id="clip0_2576_14436">
            <rect width="24" height="24" fill="white"></rect>
          </clippath>
        </defs>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">wrench</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">xmark</p>
  </div>
    
  <div class="flex flex-col items-center gap-2">
    <div class="aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center">
      <!-- Source: Iconoir, added via `bin/add_icon` -->
      <svg width="24" height="24" stroke-width="1.5" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" aria-hidden="true">
        <path d="M9.17218 14.8284L12.0006 12M14.829 9.17157L12.0006 12M12.0006 12L9.17218 9.17157M12.0006 12L14.829 14.8284" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </div>
      
    <p class="text-sm leading-4 text-gray-500">xmark-circle</p>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
<%= tag.div(class: "grid grid-cols-6 gap-6") do %>
  <% icons.each do |icon| %>
    <%= tag.div(class: "flex flex-col items-center gap-2") do %>
      <%= tag.div(class: "aspect-square w-32 h-32 border border-gray-200 rounded flex items-center justify-center") do %>
        <%= anchor_icon(icon:) %>
      <% end %>
      <%= anchor_text(icon, variant: :body_sm, class: "text-gray-500") %>
    <% end %>
  <% end %>
<% end %>

No notes provided.

No params configured.