@furystack/shades-common-components 12.0.1 → 12.2.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.
- package/CHANGELOG.md +59 -0
- package/README.md +26 -0
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/avatar.js +3 -1
- package/esm/components/avatar.js.map +1 -1
- package/esm/components/avatar.spec.js +4 -4
- package/esm/components/avatar.spec.js.map +1 -1
- package/esm/components/cache-view.d.ts +46 -0
- package/esm/components/cache-view.d.ts.map +1 -0
- package/esm/components/cache-view.js +65 -0
- package/esm/components/cache-view.js.map +1 -0
- package/esm/components/cache-view.spec.d.ts +2 -0
- package/esm/components/cache-view.spec.d.ts.map +1 -0
- package/esm/components/cache-view.spec.js +183 -0
- package/esm/components/cache-view.spec.js.map +1 -0
- package/esm/components/icons/icon-definitions.d.ts +82 -0
- package/esm/components/icons/icon-definitions.d.ts.map +1 -1
- package/esm/components/icons/icon-definitions.js +717 -0
- package/esm/components/icons/icon-definitions.js.map +1 -1
- package/esm/components/icons/icon-definitions.spec.js +22 -2
- package/esm/components/icons/icon-definitions.spec.js.map +1 -1
- package/esm/components/icons/icon-types.d.ts +10 -0
- package/esm/components/icons/icon-types.d.ts.map +1 -1
- package/esm/components/icons/index.d.ts +1 -1
- package/esm/components/icons/index.d.ts.map +1 -1
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +1 -0
- package/esm/components/index.js.map +1 -1
- package/esm/components/page-container/index.d.ts +1 -1
- package/esm/components/page-container/index.js +1 -1
- package/esm/components/page-container/page-header.d.ts +5 -5
- package/esm/components/page-container/page-header.d.ts.map +1 -1
- package/esm/components/page-container/page-header.js +3 -3
- package/esm/components/skeleton.d.ts.map +1 -1
- package/esm/components/skeleton.js +2 -11
- package/esm/components/skeleton.js.map +1 -1
- package/esm/components/skeleton.spec.js +6 -55
- package/esm/components/skeleton.spec.js.map +1 -1
- package/esm/components/suggest/index.d.ts +1 -1
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/components/avatar.spec.tsx +4 -4
- package/src/components/avatar.tsx +3 -1
- package/src/components/cache-view.spec.tsx +210 -0
- package/src/components/cache-view.tsx +103 -0
- package/src/components/icons/icon-definitions.spec.ts +28 -2
- package/src/components/icons/icon-definitions.ts +759 -0
- package/src/components/icons/icon-types.ts +12 -0
- package/src/components/icons/index.ts +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/page-container/index.tsx +1 -1
- package/src/components/page-container/page-header.tsx +5 -5
- package/src/components/skeleton.spec.tsx +6 -73
- package/src/components/skeleton.tsx +2 -11
- package/src/components/suggest/index.tsx +1 -1
|
@@ -4,14 +4,26 @@
|
|
|
4
4
|
// --- Actions / Controls ---
|
|
5
5
|
/** X mark icon for close, dismiss, and cancel actions */
|
|
6
6
|
export const close = {
|
|
7
|
+
name: 'Close',
|
|
8
|
+
description: 'X mark for close, dismiss, and cancel actions',
|
|
9
|
+
keywords: ['close', 'dismiss', 'cancel', 'x', 'remove'],
|
|
10
|
+
category: 'Actions',
|
|
7
11
|
paths: [{ d: 'M18 6L6 18M6 6l12 12' }],
|
|
8
12
|
};
|
|
9
13
|
/** Checkmark icon for confirmation and selection */
|
|
10
14
|
export const check = {
|
|
15
|
+
name: 'Check',
|
|
16
|
+
description: 'Checkmark for confirmation and selection',
|
|
17
|
+
keywords: ['check', 'confirm', 'done', 'accept', 'tick', 'yes'],
|
|
18
|
+
category: 'Actions',
|
|
11
19
|
paths: [{ d: 'M20 6L9 17l-5-5' }],
|
|
12
20
|
};
|
|
13
21
|
/** Circled checkmark for success states */
|
|
14
22
|
export const checkCircle = {
|
|
23
|
+
name: 'Check Circle',
|
|
24
|
+
description: 'Circled checkmark for success states',
|
|
25
|
+
keywords: ['check', 'success', 'complete', 'done', 'circle', 'verified'],
|
|
26
|
+
category: 'Status',
|
|
15
27
|
style: 'fill',
|
|
16
28
|
paths: [
|
|
17
29
|
{
|
|
@@ -21,6 +33,10 @@ export const checkCircle = {
|
|
|
21
33
|
};
|
|
22
34
|
/** Circled X for error states */
|
|
23
35
|
export const errorCircle = {
|
|
36
|
+
name: 'Error Circle',
|
|
37
|
+
description: 'Circled X for error states',
|
|
38
|
+
keywords: ['error', 'fail', 'failure', 'cancel', 'circle', 'x'],
|
|
39
|
+
category: 'Status',
|
|
24
40
|
style: 'fill',
|
|
25
41
|
paths: [
|
|
26
42
|
{
|
|
@@ -30,6 +46,10 @@ export const errorCircle = {
|
|
|
30
46
|
};
|
|
31
47
|
/** Triangle warning icon */
|
|
32
48
|
export const warning = {
|
|
49
|
+
name: 'Warning',
|
|
50
|
+
description: 'Triangle warning icon for alerts and caution',
|
|
51
|
+
keywords: ['warning', 'alert', 'caution', 'danger', 'triangle', 'exclamation'],
|
|
52
|
+
category: 'Status',
|
|
33
53
|
style: 'fill',
|
|
34
54
|
paths: [
|
|
35
55
|
{
|
|
@@ -39,6 +59,10 @@ export const warning = {
|
|
|
39
59
|
};
|
|
40
60
|
/** Circled "i" for informational messages */
|
|
41
61
|
export const info = {
|
|
62
|
+
name: 'Info',
|
|
63
|
+
description: 'Circled "i" for informational messages',
|
|
64
|
+
keywords: ['info', 'information', 'help', 'about', 'circle', 'i'],
|
|
65
|
+
category: 'Status',
|
|
42
66
|
style: 'fill',
|
|
43
67
|
paths: [
|
|
44
68
|
{
|
|
@@ -48,66 +72,126 @@ export const info = {
|
|
|
48
72
|
};
|
|
49
73
|
/** Circle with a slash for forbidden / 403 */
|
|
50
74
|
export const forbidden = {
|
|
75
|
+
name: 'Forbidden',
|
|
76
|
+
description: 'Circle with a slash for forbidden / 403 errors',
|
|
77
|
+
keywords: ['forbidden', 'banned', 'blocked', 'denied', '403', 'no-access'],
|
|
78
|
+
category: 'Status',
|
|
51
79
|
paths: [{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' }, { d: 'M4.93 4.93l14.14 14.14' }],
|
|
52
80
|
};
|
|
53
81
|
/** Magnifying glass with an X for "not found" / 404 */
|
|
54
82
|
export const searchOff = {
|
|
83
|
+
name: 'Search Off',
|
|
84
|
+
description: 'Magnifying glass with an X for "not found" / 404',
|
|
85
|
+
keywords: ['search', 'not-found', '404', 'missing', 'empty'],
|
|
86
|
+
category: 'Status',
|
|
55
87
|
paths: [{ d: 'M11 5a6 6 0 100 12 6 6 0 000-12z' }, { d: 'M21 21l-4.35-4.35' }, { d: 'M8 8l6 6M14 8l-6 6' }],
|
|
56
88
|
};
|
|
57
89
|
/** Explosion / server error icon for 500 */
|
|
58
90
|
export const serverError = {
|
|
91
|
+
name: 'Server Error',
|
|
92
|
+
description: 'Explosion icon for server error / 500',
|
|
93
|
+
keywords: ['server', 'error', '500', 'crash', 'explosion', 'internal'],
|
|
94
|
+
category: 'Status',
|
|
59
95
|
paths: [{ d: 'M12 2l1.5 5.5L19 6l-3 5 5 1.5L16.5 15l2 5.5-5-3L12 22l-1.5-4.5-5 3 2-5.5L2 12.5 7 11l-3-5 5.5 1.5z' }],
|
|
60
96
|
};
|
|
61
97
|
// --- Navigation / Direction ---
|
|
62
98
|
/** Left-pointing chevron */
|
|
63
99
|
export const chevronLeft = {
|
|
100
|
+
name: 'Chevron Left',
|
|
101
|
+
description: 'Left-pointing chevron for navigation',
|
|
102
|
+
keywords: ['chevron', 'left', 'back', 'previous', 'arrow'],
|
|
103
|
+
category: 'Navigation',
|
|
64
104
|
paths: [{ d: 'M15 18l-6-6 6-6' }],
|
|
65
105
|
};
|
|
66
106
|
/** Right-pointing chevron */
|
|
67
107
|
export const chevronRight = {
|
|
108
|
+
name: 'Chevron Right',
|
|
109
|
+
description: 'Right-pointing chevron for navigation',
|
|
110
|
+
keywords: ['chevron', 'right', 'forward', 'next', 'arrow'],
|
|
111
|
+
category: 'Navigation',
|
|
68
112
|
paths: [{ d: 'M9 6l6 6-6 6' }],
|
|
69
113
|
};
|
|
70
114
|
/** Up-pointing chevron */
|
|
71
115
|
export const chevronUp = {
|
|
116
|
+
name: 'Chevron Up',
|
|
117
|
+
description: 'Up-pointing chevron for expand/collapse',
|
|
118
|
+
keywords: ['chevron', 'up', 'expand', 'collapse', 'arrow'],
|
|
119
|
+
category: 'Navigation',
|
|
72
120
|
paths: [{ d: 'M18 15l-6-6-6 6' }],
|
|
73
121
|
};
|
|
74
122
|
/** Down-pointing chevron */
|
|
75
123
|
export const chevronDown = {
|
|
124
|
+
name: 'Chevron Down',
|
|
125
|
+
description: 'Down-pointing chevron for expand/collapse',
|
|
126
|
+
keywords: ['chevron', 'down', 'expand', 'collapse', 'arrow', 'dropdown'],
|
|
127
|
+
category: 'Navigation',
|
|
76
128
|
paths: [{ d: 'M6 9l6 6 6-6' }],
|
|
77
129
|
};
|
|
78
130
|
/** Upward arrow */
|
|
79
131
|
export const arrowUp = {
|
|
132
|
+
name: 'Arrow Up',
|
|
133
|
+
description: 'Upward arrow for direction and sorting',
|
|
134
|
+
keywords: ['arrow', 'up', 'sort', 'ascending', 'direction'],
|
|
135
|
+
category: 'Navigation',
|
|
80
136
|
paths: [{ d: 'M12 19V5M5 12l7-7 7 7' }],
|
|
81
137
|
};
|
|
82
138
|
/** Downward arrow */
|
|
83
139
|
export const arrowDown = {
|
|
140
|
+
name: 'Arrow Down',
|
|
141
|
+
description: 'Downward arrow for direction and sorting',
|
|
142
|
+
keywords: ['arrow', 'down', 'sort', 'descending', 'direction'],
|
|
143
|
+
category: 'Navigation',
|
|
84
144
|
paths: [{ d: 'M12 5v14M19 12l-7 7-7-7' }],
|
|
85
145
|
};
|
|
86
146
|
/** Bidirectional vertical arrow for unsorted state */
|
|
87
147
|
export const arrowUpDown = {
|
|
148
|
+
name: 'Arrow Up Down',
|
|
149
|
+
description: 'Bidirectional vertical arrow for unsorted state',
|
|
150
|
+
keywords: ['arrow', 'sort', 'unsorted', 'up-down', 'bidirectional'],
|
|
151
|
+
category: 'Navigation',
|
|
88
152
|
paths: [{ d: 'M7 3l-4 4h8z' }, { d: 'M17 21l4-4H13z' }, { d: 'M7 7v14M17 17V3' }],
|
|
89
153
|
style: 'fill',
|
|
90
154
|
};
|
|
91
155
|
// --- Search / Zoom ---
|
|
92
156
|
/** Magnifying glass */
|
|
93
157
|
export const search = {
|
|
158
|
+
name: 'Search',
|
|
159
|
+
description: 'Magnifying glass for search functionality',
|
|
160
|
+
keywords: ['search', 'find', 'lookup', 'magnifying-glass', 'query'],
|
|
161
|
+
category: 'Actions',
|
|
94
162
|
paths: [{ d: 'M11 5a6 6 0 100 12 6 6 0 000-12z' }, { d: 'M21 21l-4.35-4.35' }],
|
|
95
163
|
};
|
|
96
164
|
/** Magnifying glass with a plus for zoom in */
|
|
97
165
|
export const zoomIn = {
|
|
166
|
+
name: 'Zoom In',
|
|
167
|
+
description: 'Magnifying glass with a plus for zoom in',
|
|
168
|
+
keywords: ['zoom', 'in', 'enlarge', 'magnify', 'plus'],
|
|
169
|
+
category: 'Actions',
|
|
98
170
|
paths: [{ d: 'M11 5a6 6 0 100 12 6 6 0 000-12z' }, { d: 'M21 21l-4.35-4.35' }, { d: 'M11 8v6M8 11h6' }],
|
|
99
171
|
};
|
|
100
172
|
/** Magnifying glass with a minus for zoom out */
|
|
101
173
|
export const zoomOut = {
|
|
174
|
+
name: 'Zoom Out',
|
|
175
|
+
description: 'Magnifying glass with a minus for zoom out',
|
|
176
|
+
keywords: ['zoom', 'out', 'shrink', 'reduce', 'minus'],
|
|
177
|
+
category: 'Actions',
|
|
102
178
|
paths: [{ d: 'M11 5a6 6 0 100 12 6 6 0 000-12z' }, { d: 'M21 21l-4.35-4.35' }, { d: 'M8 11h6' }],
|
|
103
179
|
};
|
|
104
180
|
/** Circular arrow for rotate */
|
|
105
181
|
export const rotate = {
|
|
182
|
+
name: 'Rotate',
|
|
183
|
+
description: 'Circular arrow for rotate actions',
|
|
184
|
+
keywords: ['rotate', 'turn', 'spin', 'orientation'],
|
|
185
|
+
category: 'Actions',
|
|
106
186
|
paths: [{ d: 'M1 4v6h6' }, { d: 'M3.51 15a9 9 0 102.13-9.36L1 10' }],
|
|
107
187
|
};
|
|
108
188
|
// --- Rating ---
|
|
109
189
|
/** Filled star */
|
|
110
190
|
export const star = {
|
|
191
|
+
name: 'Star',
|
|
192
|
+
description: 'Filled star for ratings and favorites',
|
|
193
|
+
keywords: ['star', 'rating', 'favorite', 'bookmark', 'filled'],
|
|
194
|
+
category: 'UI',
|
|
111
195
|
style: 'fill',
|
|
112
196
|
paths: [
|
|
113
197
|
{
|
|
@@ -117,6 +201,10 @@ export const star = {
|
|
|
117
201
|
};
|
|
118
202
|
/** Star outline */
|
|
119
203
|
export const starOutline = {
|
|
204
|
+
name: 'Star Outline',
|
|
205
|
+
description: 'Star outline for unselected ratings',
|
|
206
|
+
keywords: ['star', 'rating', 'outline', 'empty', 'unselected'],
|
|
207
|
+
category: 'UI',
|
|
120
208
|
paths: [
|
|
121
209
|
{
|
|
122
210
|
d: 'M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z',
|
|
@@ -126,6 +214,10 @@ export const starOutline = {
|
|
|
126
214
|
// --- Misc Tier 1 ---
|
|
127
215
|
/** Clipboard icon */
|
|
128
216
|
export const clipboard = {
|
|
217
|
+
name: 'Clipboard',
|
|
218
|
+
description: 'Clipboard for copying and pasting content',
|
|
219
|
+
keywords: ['clipboard', 'copy', 'paste', 'board'],
|
|
220
|
+
category: 'Content',
|
|
129
221
|
paths: [
|
|
130
222
|
{ d: 'M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2' },
|
|
131
223
|
{ d: 'M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z' },
|
|
@@ -133,6 +225,10 @@ export const clipboard = {
|
|
|
133
225
|
};
|
|
134
226
|
/** Broken image placeholder */
|
|
135
227
|
export const imageBroken = {
|
|
228
|
+
name: 'Image Broken',
|
|
229
|
+
description: 'Broken image placeholder for missing images',
|
|
230
|
+
keywords: ['image', 'broken', 'missing', 'placeholder', 'error'],
|
|
231
|
+
category: 'Content',
|
|
136
232
|
paths: [
|
|
137
233
|
{ d: 'M21 3H3a2 2 0 00-2 2v14a2 2 0 002 2h18a2 2 0 002-2V5a2 2 0 00-2-2z' },
|
|
138
234
|
{ d: 'M8.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' },
|
|
@@ -145,14 +241,26 @@ export const imageBroken = {
|
|
|
145
241
|
// ============================================================================
|
|
146
242
|
/** House icon for home / landing */
|
|
147
243
|
export const home = {
|
|
244
|
+
name: 'Home',
|
|
245
|
+
description: 'House icon for home / landing page',
|
|
246
|
+
keywords: ['home', 'house', 'landing', 'main', 'dashboard'],
|
|
247
|
+
category: 'Common',
|
|
148
248
|
paths: [{ d: 'M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z' }, { d: 'M9 22V12h6v10' }],
|
|
149
249
|
};
|
|
150
250
|
/** Person silhouette */
|
|
151
251
|
export const user = {
|
|
252
|
+
name: 'User',
|
|
253
|
+
description: 'Person silhouette for user profiles',
|
|
254
|
+
keywords: ['user', 'person', 'profile', 'account', 'avatar'],
|
|
255
|
+
category: 'Common',
|
|
152
256
|
paths: [{ d: 'M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' }, { d: 'M12 3a4 4 0 100 8 4 4 0 000-8z' }],
|
|
153
257
|
};
|
|
154
258
|
/** Gear / cog for settings */
|
|
155
259
|
export const settings = {
|
|
260
|
+
name: 'Settings',
|
|
261
|
+
description: 'Gear / cog for settings and configuration',
|
|
262
|
+
keywords: ['settings', 'gear', 'cog', 'config', 'preferences', 'options'],
|
|
263
|
+
category: 'Common',
|
|
156
264
|
paths: [
|
|
157
265
|
{
|
|
158
266
|
d: 'M12 15a3 3 0 100-6 3 3 0 000 6z',
|
|
@@ -164,10 +272,18 @@ export const settings = {
|
|
|
164
272
|
};
|
|
165
273
|
/** Pencil for edit */
|
|
166
274
|
export const edit = {
|
|
275
|
+
name: 'Edit',
|
|
276
|
+
description: 'Pencil icon for editing content',
|
|
277
|
+
keywords: ['edit', 'pencil', 'write', 'modify', 'update'],
|
|
278
|
+
category: 'Actions',
|
|
167
279
|
paths: [{ d: 'M17 3a2.83 2.83 0 014 4L7.5 20.5 2 22l1.5-5.5z' }],
|
|
168
280
|
};
|
|
169
281
|
/** Trash can for delete */
|
|
170
282
|
export const trash = {
|
|
283
|
+
name: 'Trash',
|
|
284
|
+
description: 'Trash can for deleting items',
|
|
285
|
+
keywords: ['trash', 'delete', 'remove', 'discard', 'bin', 'garbage'],
|
|
286
|
+
category: 'Actions',
|
|
171
287
|
paths: [
|
|
172
288
|
{ d: 'M3 6h18' },
|
|
173
289
|
{ d: 'M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2' },
|
|
@@ -176,6 +292,10 @@ export const trash = {
|
|
|
176
292
|
};
|
|
177
293
|
/** Floppy disk for save */
|
|
178
294
|
export const save = {
|
|
295
|
+
name: 'Save',
|
|
296
|
+
description: 'Floppy disk for saving content',
|
|
297
|
+
keywords: ['save', 'floppy', 'disk', 'store', 'persist'],
|
|
298
|
+
category: 'Actions',
|
|
179
299
|
paths: [
|
|
180
300
|
{ d: 'M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z' },
|
|
181
301
|
{ d: 'M17 21v-8H7v8' },
|
|
@@ -184,6 +304,10 @@ export const save = {
|
|
|
184
304
|
};
|
|
185
305
|
/** Chain link */
|
|
186
306
|
export const link = {
|
|
307
|
+
name: 'Link',
|
|
308
|
+
description: 'Chain link for URLs and hyperlinks',
|
|
309
|
+
keywords: ['link', 'chain', 'url', 'hyperlink', 'connect'],
|
|
310
|
+
category: 'Actions',
|
|
187
311
|
paths: [
|
|
188
312
|
{ d: 'M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71' },
|
|
189
313
|
{ d: 'M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71' },
|
|
@@ -191,26 +315,50 @@ export const link = {
|
|
|
191
315
|
};
|
|
192
316
|
/** Bell for notifications */
|
|
193
317
|
export const bell = {
|
|
318
|
+
name: 'Bell',
|
|
319
|
+
description: 'Bell for notifications and alerts',
|
|
320
|
+
keywords: ['bell', 'notification', 'alert', 'alarm', 'ring'],
|
|
321
|
+
category: 'Common',
|
|
194
322
|
paths: [{ d: 'M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9' }, { d: 'M13.73 21a2 2 0 01-3.46 0' }],
|
|
195
323
|
};
|
|
196
324
|
/** Plus sign for add */
|
|
197
325
|
export const plus = {
|
|
326
|
+
name: 'Plus',
|
|
327
|
+
description: 'Plus sign for adding items',
|
|
328
|
+
keywords: ['plus', 'add', 'new', 'create', 'positive'],
|
|
329
|
+
category: 'Actions',
|
|
198
330
|
paths: [{ d: 'M12 5v14M5 12h14' }],
|
|
199
331
|
};
|
|
200
332
|
/** Minus sign for subtract / collapse */
|
|
201
333
|
export const minus = {
|
|
334
|
+
name: 'Minus',
|
|
335
|
+
description: 'Minus sign for subtracting or collapsing',
|
|
336
|
+
keywords: ['minus', 'subtract', 'remove', 'collapse', 'negative'],
|
|
337
|
+
category: 'Actions',
|
|
202
338
|
paths: [{ d: 'M5 12h14' }],
|
|
203
339
|
};
|
|
204
340
|
/** Hamburger menu */
|
|
205
341
|
export const menu = {
|
|
342
|
+
name: 'Menu',
|
|
343
|
+
description: 'Hamburger menu icon',
|
|
344
|
+
keywords: ['menu', 'hamburger', 'navigation', 'sidebar', 'drawer'],
|
|
345
|
+
category: 'UI',
|
|
206
346
|
paths: [{ d: 'M3 12h18' }, { d: 'M3 6h18' }, { d: 'M3 18h18' }],
|
|
207
347
|
};
|
|
208
348
|
/** Open eye for visibility */
|
|
209
349
|
export const eye = {
|
|
350
|
+
name: 'Eye',
|
|
351
|
+
description: 'Open eye for visibility and showing content',
|
|
352
|
+
keywords: ['eye', 'show', 'visible', 'visibility', 'view', 'watch'],
|
|
353
|
+
category: 'UI',
|
|
210
354
|
paths: [{ d: 'M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z' }, { d: 'M12 9a3 3 0 100 6 3 3 0 000-6z' }],
|
|
211
355
|
};
|
|
212
356
|
/** Eye with a slash for hidden */
|
|
213
357
|
export const eyeOff = {
|
|
358
|
+
name: 'Eye Off',
|
|
359
|
+
description: 'Eye with a slash for hiding content',
|
|
360
|
+
keywords: ['eye', 'hide', 'hidden', 'invisible', 'off', 'private'],
|
|
361
|
+
category: 'UI',
|
|
214
362
|
paths: [
|
|
215
363
|
{ d: 'M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94' },
|
|
216
364
|
{ d: 'M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19' },
|
|
@@ -220,6 +368,10 @@ export const eyeOff = {
|
|
|
220
368
|
};
|
|
221
369
|
/** Locked padlock */
|
|
222
370
|
export const lock = {
|
|
371
|
+
name: 'Lock',
|
|
372
|
+
description: 'Locked padlock for security and authentication',
|
|
373
|
+
keywords: ['lock', 'locked', 'secure', 'security', 'password', 'private'],
|
|
374
|
+
category: 'Common',
|
|
223
375
|
paths: [
|
|
224
376
|
{ d: 'M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2z' },
|
|
225
377
|
{ d: 'M7 11V7a5 5 0 0110 0v4' },
|
|
@@ -227,10 +379,18 @@ export const lock = {
|
|
|
227
379
|
};
|
|
228
380
|
/** Unlocked padlock */
|
|
229
381
|
export const unlock = {
|
|
382
|
+
name: 'Unlock',
|
|
383
|
+
description: 'Unlocked padlock for unlocked/public state',
|
|
384
|
+
keywords: ['unlock', 'unlocked', 'open', 'public', 'accessible'],
|
|
385
|
+
category: 'Common',
|
|
230
386
|
paths: [{ d: 'M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2z' }, { d: 'M7 11V7a5 5 0 019.9-1' }],
|
|
231
387
|
};
|
|
232
388
|
/** Sun for light theme */
|
|
233
389
|
export const sun = {
|
|
390
|
+
name: 'Sun',
|
|
391
|
+
description: 'Sun icon for light theme toggle',
|
|
392
|
+
keywords: ['sun', 'light', 'theme', 'day', 'bright'],
|
|
393
|
+
category: 'Common',
|
|
234
394
|
paths: [
|
|
235
395
|
{ d: 'M12 8a4 4 0 100 8 4 4 0 000-8z' },
|
|
236
396
|
{
|
|
@@ -240,14 +400,26 @@ export const sun = {
|
|
|
240
400
|
};
|
|
241
401
|
/** Moon / crescent for dark theme */
|
|
242
402
|
export const moon = {
|
|
403
|
+
name: 'Moon',
|
|
404
|
+
description: 'Moon / crescent for dark theme toggle',
|
|
405
|
+
keywords: ['moon', 'dark', 'theme', 'night', 'crescent'],
|
|
406
|
+
category: 'Common',
|
|
243
407
|
paths: [{ d: 'M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z' }],
|
|
244
408
|
};
|
|
245
409
|
/** File / document page */
|
|
246
410
|
export const file = {
|
|
411
|
+
name: 'File',
|
|
412
|
+
description: 'Document page icon',
|
|
413
|
+
keywords: ['file', 'document', 'page', 'paper'],
|
|
414
|
+
category: 'Content',
|
|
247
415
|
paths: [{ d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' }, { d: 'M14 2v6h6' }],
|
|
248
416
|
};
|
|
249
417
|
/** Closed folder */
|
|
250
418
|
export const folder = {
|
|
419
|
+
name: 'Folder',
|
|
420
|
+
description: 'Closed folder for file organization',
|
|
421
|
+
keywords: ['folder', 'directory', 'organize', 'files', 'closed'],
|
|
422
|
+
category: 'Content',
|
|
251
423
|
paths: [
|
|
252
424
|
{
|
|
253
425
|
d: 'M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z',
|
|
@@ -256,6 +428,10 @@ export const folder = {
|
|
|
256
428
|
};
|
|
257
429
|
/** Open folder */
|
|
258
430
|
export const folderOpen = {
|
|
431
|
+
name: 'Folder Open',
|
|
432
|
+
description: 'Open folder for expanded directories',
|
|
433
|
+
keywords: ['folder', 'directory', 'open', 'expanded', 'browse'],
|
|
434
|
+
category: 'Content',
|
|
259
435
|
paths: [
|
|
260
436
|
{
|
|
261
437
|
d: 'M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v1',
|
|
@@ -265,6 +441,10 @@ export const folderOpen = {
|
|
|
265
441
|
};
|
|
266
442
|
/** Box / package */
|
|
267
443
|
export const packageIcon = {
|
|
444
|
+
name: 'Package',
|
|
445
|
+
description: 'Box / package icon for modules and deliveries',
|
|
446
|
+
keywords: ['package', 'box', 'module', 'delivery', 'parcel', 'npm'],
|
|
447
|
+
category: 'Content',
|
|
268
448
|
paths: [
|
|
269
449
|
{ d: 'M16.5 9.4l-9-5.19' },
|
|
270
450
|
{
|
|
@@ -276,6 +456,10 @@ export const packageIcon = {
|
|
|
276
456
|
};
|
|
277
457
|
/** Scissors for cut */
|
|
278
458
|
export const cut = {
|
|
459
|
+
name: 'Cut',
|
|
460
|
+
description: 'Scissors for cutting content',
|
|
461
|
+
keywords: ['cut', 'scissors', 'trim', 'snip'],
|
|
462
|
+
category: 'Actions',
|
|
279
463
|
paths: [
|
|
280
464
|
{ d: 'M6 9a3 3 0 100-6 3 3 0 000 6z' },
|
|
281
465
|
{ d: 'M6 21a3 3 0 100-6 3 3 0 000 6z' },
|
|
@@ -286,6 +470,10 @@ export const cut = {
|
|
|
286
470
|
};
|
|
287
471
|
/** Overlapping squares for copy */
|
|
288
472
|
export const copy = {
|
|
473
|
+
name: 'Copy',
|
|
474
|
+
description: 'Overlapping squares for copying content',
|
|
475
|
+
keywords: ['copy', 'duplicate', 'clone', 'squares'],
|
|
476
|
+
category: 'Actions',
|
|
289
477
|
paths: [
|
|
290
478
|
{ d: 'M20 9h-9a2 2 0 00-2 2v9a2 2 0 002 2h9a2 2 0 002-2v-9a2 2 0 00-2-2z' },
|
|
291
479
|
{ d: 'M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1' },
|
|
@@ -293,6 +481,10 @@ export const copy = {
|
|
|
293
481
|
};
|
|
294
482
|
/** Clipboard with arrow for paste */
|
|
295
483
|
export const paste = {
|
|
484
|
+
name: 'Paste',
|
|
485
|
+
description: 'Clipboard with plus for pasting content',
|
|
486
|
+
keywords: ['paste', 'clipboard', 'insert'],
|
|
487
|
+
category: 'Actions',
|
|
296
488
|
paths: [
|
|
297
489
|
{ d: 'M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2' },
|
|
298
490
|
{ d: 'M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z' },
|
|
@@ -301,14 +493,26 @@ export const paste = {
|
|
|
301
493
|
};
|
|
302
494
|
/** Curved arrow back for undo */
|
|
303
495
|
export const undo = {
|
|
496
|
+
name: 'Undo',
|
|
497
|
+
description: 'Curved arrow back for undo',
|
|
498
|
+
keywords: ['undo', 'back', 'revert', 'history'],
|
|
499
|
+
category: 'Actions',
|
|
304
500
|
paths: [{ d: 'M3 7v6h6' }, { d: 'M5.51 17a9 9 0 102.13-9.36L3 13' }],
|
|
305
501
|
};
|
|
306
502
|
/** Curved arrow forward for redo */
|
|
307
503
|
export const redo = {
|
|
504
|
+
name: 'Redo',
|
|
505
|
+
description: 'Curved arrow forward for redo',
|
|
506
|
+
keywords: ['redo', 'forward', 'repeat', 'history'],
|
|
507
|
+
category: 'Actions',
|
|
308
508
|
paths: [{ d: 'M23 4v6h-6' }, { d: 'M20.49 15a9 9 0 11-2.13-9.36L23 10' }],
|
|
309
509
|
};
|
|
310
510
|
/** Tray with downward arrow for inbox */
|
|
311
511
|
export const inbox = {
|
|
512
|
+
name: 'Inbox',
|
|
513
|
+
description: 'Tray with downward arrow for inbox / received items',
|
|
514
|
+
keywords: ['inbox', 'tray', 'mail', 'receive', 'incoming'],
|
|
515
|
+
category: 'Content',
|
|
312
516
|
paths: [
|
|
313
517
|
{ d: 'M22 12h-6l-2 3H10l-2-3H2' },
|
|
314
518
|
{ d: 'M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z' },
|
|
@@ -316,10 +520,18 @@ export const inbox = {
|
|
|
316
520
|
};
|
|
317
521
|
/** Paper plane for send */
|
|
318
522
|
export const send = {
|
|
523
|
+
name: 'Send',
|
|
524
|
+
description: 'Paper plane for sending messages',
|
|
525
|
+
keywords: ['send', 'submit', 'paper-plane', 'message', 'dispatch'],
|
|
526
|
+
category: 'Content',
|
|
319
527
|
paths: [{ d: 'M22 2L11 13' }, { d: 'M22 2L15 22l-4-9-9-4z' }],
|
|
320
528
|
};
|
|
321
529
|
/** Filled heart */
|
|
322
530
|
export const heart = {
|
|
531
|
+
name: 'Heart',
|
|
532
|
+
description: 'Filled heart for likes and favorites',
|
|
533
|
+
keywords: ['heart', 'love', 'like', 'favorite', 'filled'],
|
|
534
|
+
category: 'UI',
|
|
323
535
|
style: 'fill',
|
|
324
536
|
paths: [
|
|
325
537
|
{
|
|
@@ -329,6 +541,10 @@ export const heart = {
|
|
|
329
541
|
};
|
|
330
542
|
/** Outlined heart */
|
|
331
543
|
export const heartOutline = {
|
|
544
|
+
name: 'Heart Outline',
|
|
545
|
+
description: 'Outlined heart for unliked state',
|
|
546
|
+
keywords: ['heart', 'love', 'like', 'outline', 'empty', 'unlike'],
|
|
547
|
+
category: 'UI',
|
|
332
548
|
paths: [
|
|
333
549
|
{
|
|
334
550
|
d: 'M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z',
|
|
@@ -340,14 +556,26 @@ export const heartOutline = {
|
|
|
340
556
|
// ============================================================================
|
|
341
557
|
/** Downward arrow into tray for download */
|
|
342
558
|
export const download = {
|
|
559
|
+
name: 'Download',
|
|
560
|
+
description: 'Downward arrow into tray for downloading',
|
|
561
|
+
keywords: ['download', 'save', 'export', 'get'],
|
|
562
|
+
category: 'Actions',
|
|
343
563
|
paths: [{ d: 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4' }, { d: 'M7 10l5 5 5-5' }, { d: 'M12 15V3' }],
|
|
344
564
|
};
|
|
345
565
|
/** Upward arrow from tray for upload */
|
|
346
566
|
export const upload = {
|
|
567
|
+
name: 'Upload',
|
|
568
|
+
description: 'Upward arrow from tray for uploading',
|
|
569
|
+
keywords: ['upload', 'import', 'send', 'put'],
|
|
570
|
+
category: 'Actions',
|
|
347
571
|
paths: [{ d: 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4' }, { d: 'M17 8l-5-5-5 5' }, { d: 'M12 3v12' }],
|
|
348
572
|
};
|
|
349
573
|
/** Circular arrows for refresh */
|
|
350
574
|
export const refresh = {
|
|
575
|
+
name: 'Refresh',
|
|
576
|
+
description: 'Circular arrows for refreshing / reloading',
|
|
577
|
+
keywords: ['refresh', 'reload', 'sync', 'recycle', 'update'],
|
|
578
|
+
category: 'Actions',
|
|
351
579
|
paths: [
|
|
352
580
|
{ d: 'M23 4v6h-6' },
|
|
353
581
|
{ d: 'M1 20v-6h6' },
|
|
@@ -357,14 +585,26 @@ export const refresh = {
|
|
|
357
585
|
};
|
|
358
586
|
/** Funnel for filter */
|
|
359
587
|
export const filter = {
|
|
588
|
+
name: 'Filter',
|
|
589
|
+
description: 'Funnel for filtering content',
|
|
590
|
+
keywords: ['filter', 'funnel', 'sort', 'refine', 'narrow'],
|
|
591
|
+
category: 'Actions',
|
|
360
592
|
paths: [{ d: 'M22 3H2l8 9.46V19l4 2v-8.54z' }],
|
|
361
593
|
};
|
|
362
594
|
/** Arrow pointing to upper-right with box corner */
|
|
363
595
|
export const externalLink = {
|
|
596
|
+
name: 'External Link',
|
|
597
|
+
description: 'Arrow pointing to upper-right for external links',
|
|
598
|
+
keywords: ['external', 'link', 'open', 'new-window', 'redirect'],
|
|
599
|
+
category: 'Navigation',
|
|
364
600
|
paths: [{ d: 'M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6' }, { d: 'M15 3h6v6' }, { d: 'M10 14L21 3' }],
|
|
365
601
|
};
|
|
366
602
|
/** Three horizontal dots */
|
|
367
603
|
export const moreHorizontal = {
|
|
604
|
+
name: 'More Horizontal',
|
|
605
|
+
description: 'Three horizontal dots for overflow menus',
|
|
606
|
+
keywords: ['more', 'horizontal', 'dots', 'ellipsis', 'overflow', 'menu'],
|
|
607
|
+
category: 'UI',
|
|
368
608
|
style: 'fill',
|
|
369
609
|
paths: [
|
|
370
610
|
{ d: 'M12 10a2 2 0 100 4 2 2 0 000-4z' },
|
|
@@ -374,6 +614,10 @@ export const moreHorizontal = {
|
|
|
374
614
|
};
|
|
375
615
|
/** Three vertical dots */
|
|
376
616
|
export const moreVertical = {
|
|
617
|
+
name: 'More Vertical',
|
|
618
|
+
description: 'Three vertical dots for overflow menus',
|
|
619
|
+
keywords: ['more', 'vertical', 'dots', 'ellipsis', 'overflow', 'menu'],
|
|
620
|
+
category: 'UI',
|
|
377
621
|
style: 'fill',
|
|
378
622
|
paths: [
|
|
379
623
|
{ d: 'M12 5a2 2 0 100 4 2 2 0 000-4z' },
|
|
@@ -383,14 +627,26 @@ export const moreVertical = {
|
|
|
383
627
|
};
|
|
384
628
|
/** Calendar page */
|
|
385
629
|
export const calendar = {
|
|
630
|
+
name: 'Calendar',
|
|
631
|
+
description: 'Calendar page for dates and scheduling',
|
|
632
|
+
keywords: ['calendar', 'date', 'schedule', 'event', 'planner'],
|
|
633
|
+
category: 'Common',
|
|
386
634
|
paths: [{ d: 'M19 4H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2z' }, { d: 'M16 2v4M8 2v4M3 10h18' }],
|
|
387
635
|
};
|
|
388
636
|
/** Clock face */
|
|
389
637
|
export const clock = {
|
|
638
|
+
name: 'Clock',
|
|
639
|
+
description: 'Clock face for time-related content',
|
|
640
|
+
keywords: ['clock', 'time', 'hour', 'schedule', 'timer'],
|
|
641
|
+
category: 'Common',
|
|
390
642
|
paths: [{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' }, { d: 'M12 6v6l4 2' }],
|
|
391
643
|
};
|
|
392
644
|
/** Globe / earth for internationalization */
|
|
393
645
|
export const globe = {
|
|
646
|
+
name: 'Globe',
|
|
647
|
+
description: 'Globe / earth for internationalization and web',
|
|
648
|
+
keywords: ['globe', 'earth', 'world', 'international', 'web', 'language'],
|
|
649
|
+
category: 'Common',
|
|
394
650
|
paths: [
|
|
395
651
|
{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' },
|
|
396
652
|
{ d: 'M2 12h20' },
|
|
@@ -399,10 +655,18 @@ export const globe = {
|
|
|
399
655
|
};
|
|
400
656
|
/** Map pin / location marker */
|
|
401
657
|
export const pin = {
|
|
658
|
+
name: 'Pin',
|
|
659
|
+
description: 'Map pin / location marker',
|
|
660
|
+
keywords: ['pin', 'location', 'map', 'marker', 'place', 'gps'],
|
|
661
|
+
category: 'UI',
|
|
402
662
|
paths: [{ d: 'M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z' }, { d: 'M12 7a3 3 0 100 6 3 3 0 000-6z' }],
|
|
403
663
|
};
|
|
404
664
|
/** Price tag / label */
|
|
405
665
|
export const tag = {
|
|
666
|
+
name: 'Tag',
|
|
667
|
+
description: 'Price tag / label for categorization',
|
|
668
|
+
keywords: ['tag', 'label', 'price', 'category', 'badge'],
|
|
669
|
+
category: 'UI',
|
|
406
670
|
paths: [
|
|
407
671
|
{
|
|
408
672
|
d: 'M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z',
|
|
@@ -412,6 +676,10 @@ export const tag = {
|
|
|
412
676
|
};
|
|
413
677
|
/** Share / branching arrow */
|
|
414
678
|
export const share = {
|
|
679
|
+
name: 'Share',
|
|
680
|
+
description: 'Branching arrow for sharing content',
|
|
681
|
+
keywords: ['share', 'social', 'distribute', 'send', 'branch'],
|
|
682
|
+
category: 'Actions',
|
|
415
683
|
paths: [
|
|
416
684
|
{ d: 'M18 2a3 3 0 100 6 3 3 0 000-6z' },
|
|
417
685
|
{ d: 'M6 9a3 3 0 100 6 3 3 0 000-6z' },
|
|
@@ -421,12 +689,461 @@ export const share = {
|
|
|
421
689
|
};
|
|
422
690
|
/** Play triangle */
|
|
423
691
|
export const play = {
|
|
692
|
+
name: 'Play',
|
|
693
|
+
description: 'Play triangle for media playback',
|
|
694
|
+
keywords: ['play', 'start', 'media', 'video', 'audio'],
|
|
695
|
+
category: 'Common',
|
|
424
696
|
style: 'fill',
|
|
425
697
|
paths: [{ d: 'M5 3l14 9-14 9V3z' }],
|
|
426
698
|
};
|
|
427
699
|
/** Pause bars */
|
|
428
700
|
export const pause = {
|
|
701
|
+
name: 'Pause',
|
|
702
|
+
description: 'Pause bars for media playback',
|
|
703
|
+
keywords: ['pause', 'stop', 'media', 'wait', 'hold'],
|
|
704
|
+
category: 'Common',
|
|
429
705
|
paths: [{ d: 'M6 4h4v16H6zM14 4h4v16h-4z' }],
|
|
430
706
|
style: 'fill',
|
|
431
707
|
};
|
|
708
|
+
// ============================================================================
|
|
709
|
+
// TIER 4 — New icons for emoji replacement
|
|
710
|
+
// ============================================================================
|
|
711
|
+
/** Envelope for email / mail */
|
|
712
|
+
export const envelope = {
|
|
713
|
+
name: 'Envelope',
|
|
714
|
+
description: 'Envelope for email and mail',
|
|
715
|
+
keywords: ['mail', 'email', 'envelope', 'message', 'letter'],
|
|
716
|
+
category: 'Content',
|
|
717
|
+
paths: [{ d: 'M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z' }, { d: 'M22 6l-10 7L2 6' }],
|
|
718
|
+
};
|
|
719
|
+
/** Bar chart for statistics / analytics */
|
|
720
|
+
export const barChart = {
|
|
721
|
+
name: 'Bar Chart',
|
|
722
|
+
description: 'Bar chart for statistics and analytics',
|
|
723
|
+
keywords: ['chart', 'bar', 'graph', 'statistics', 'analytics', 'data'],
|
|
724
|
+
category: 'Content',
|
|
725
|
+
paths: [{ d: 'M18 20V10M12 20V4M6 20v-6' }],
|
|
726
|
+
};
|
|
727
|
+
/** Multiple people for groups / teams */
|
|
728
|
+
export const users = {
|
|
729
|
+
name: 'Users',
|
|
730
|
+
description: 'Multiple people for groups and teams',
|
|
731
|
+
keywords: ['users', 'people', 'group', 'team', 'members', 'community'],
|
|
732
|
+
category: 'Common',
|
|
733
|
+
paths: [
|
|
734
|
+
{ d: 'M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2' },
|
|
735
|
+
{ d: 'M9 3a4 4 0 100 8 4 4 0 000-8z' },
|
|
736
|
+
{ d: 'M23 21v-2a4 4 0 00-3-3.87' },
|
|
737
|
+
{ d: 'M16 3.13a4 4 0 010 7.75' },
|
|
738
|
+
],
|
|
739
|
+
};
|
|
740
|
+
/** File with text lines for notes / documents */
|
|
741
|
+
export const fileText = {
|
|
742
|
+
name: 'File Text',
|
|
743
|
+
description: 'File with text lines for notes and documents',
|
|
744
|
+
keywords: ['file', 'text', 'document', 'note', 'paper', 'writing'],
|
|
745
|
+
category: 'Content',
|
|
746
|
+
paths: [
|
|
747
|
+
{ d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' },
|
|
748
|
+
{ d: 'M14 2v6h6' },
|
|
749
|
+
{ d: 'M16 13H8M16 17H8M10 9H8' },
|
|
750
|
+
],
|
|
751
|
+
};
|
|
752
|
+
/** Exit / logout arrow for sign out */
|
|
753
|
+
export const logOut = {
|
|
754
|
+
name: 'Log Out',
|
|
755
|
+
description: 'Exit / logout arrow for sign out actions',
|
|
756
|
+
keywords: ['logout', 'signout', 'exit', 'leave', 'door'],
|
|
757
|
+
category: 'Actions',
|
|
758
|
+
paths: [{ d: 'M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4' }, { d: 'M16 17l5-5-5-5' }, { d: 'M21 12H9' }],
|
|
759
|
+
};
|
|
760
|
+
/** Briefcase for work / professional */
|
|
761
|
+
export const briefcase = {
|
|
762
|
+
name: 'Briefcase',
|
|
763
|
+
description: 'Briefcase for work and professional contexts',
|
|
764
|
+
keywords: ['briefcase', 'work', 'job', 'business', 'career', 'professional'],
|
|
765
|
+
category: 'Content',
|
|
766
|
+
paths: [
|
|
767
|
+
{ d: 'M20 7H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2z' },
|
|
768
|
+
{ d: 'M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16' },
|
|
769
|
+
],
|
|
770
|
+
};
|
|
771
|
+
/** Filled circle / dot for status indicators */
|
|
772
|
+
export const circleDot = {
|
|
773
|
+
name: 'Circle Dot',
|
|
774
|
+
description: 'Filled circle dot for status indicators',
|
|
775
|
+
keywords: ['circle', 'dot', 'status', 'indicator', 'radio', 'bullet'],
|
|
776
|
+
category: 'UI',
|
|
777
|
+
paths: [{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' }, { d: 'M12 8a4 4 0 100 8 4 4 0 000-8z' }],
|
|
778
|
+
};
|
|
779
|
+
/** Keyboard for input / shortcuts */
|
|
780
|
+
export const keyboard = {
|
|
781
|
+
name: 'Keyboard',
|
|
782
|
+
description: 'Keyboard for input and shortcuts',
|
|
783
|
+
keywords: ['keyboard', 'type', 'input', 'keys', 'shortcut', 'hotkey'],
|
|
784
|
+
category: 'Content',
|
|
785
|
+
paths: [
|
|
786
|
+
{ d: 'M20 3H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V5a2 2 0 00-2-2z' },
|
|
787
|
+
{ d: 'M7 17l5 4 5-4' },
|
|
788
|
+
{ d: 'M7 8h.01M11 8h.01M15 8h.01M7 12h.01M11 12h.01M15 12h.01' },
|
|
789
|
+
],
|
|
790
|
+
};
|
|
791
|
+
/** Stacked layers for depth / pages */
|
|
792
|
+
export const layers = {
|
|
793
|
+
name: 'Layers',
|
|
794
|
+
description: 'Stacked layers for depth and multi-page content',
|
|
795
|
+
keywords: ['layers', 'stack', 'pages', 'depth', 'levels'],
|
|
796
|
+
category: 'Content',
|
|
797
|
+
paths: [{ d: 'M12 2L2 7l10 5 10-5-10-5z' }, { d: 'M2 17l10 5 10-5' }, { d: 'M2 12l10 5 10-5' }],
|
|
798
|
+
};
|
|
799
|
+
/** Checked checkbox for completed items */
|
|
800
|
+
export const checkSquare = {
|
|
801
|
+
name: 'Check Square',
|
|
802
|
+
description: 'Checked checkbox for completed items',
|
|
803
|
+
keywords: ['check', 'checkbox', 'square', 'done', 'completed', 'task'],
|
|
804
|
+
category: 'Actions',
|
|
805
|
+
paths: [{ d: 'M9 11l3 3L22 4' }, { d: 'M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11' }],
|
|
806
|
+
};
|
|
807
|
+
/** Fire / flame for trending / hot */
|
|
808
|
+
export const flame = {
|
|
809
|
+
name: 'Flame',
|
|
810
|
+
description: 'Fire / flame for trending and hot items',
|
|
811
|
+
keywords: ['flame', 'fire', 'hot', 'trending', 'popular', 'burn'],
|
|
812
|
+
category: 'UI',
|
|
813
|
+
paths: [
|
|
814
|
+
{
|
|
815
|
+
d: 'M12 22c4.97 0 8-3.58 8-8 0-2.52-1.27-5.24-2.72-7.38a20.39 20.39 0 00-3.06-3.56L12 1l-2.22 2.06a20.39 20.39 0 00-3.06 3.56C5.27 8.76 4 11.48 4 14c0 4.42 3.03 8 8 8z',
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
d: 'M12 22c-2.21 0-4-1.79-4-4 0-1.13.57-2.35 1.22-3.31a9.15 9.15 0 011.37-1.6L12 12l1.41 1.09c.5.43.97.97 1.37 1.6.65.96 1.22 2.18 1.22 3.31 0 2.21-1.79 4-4 4z',
|
|
819
|
+
},
|
|
820
|
+
],
|
|
821
|
+
};
|
|
822
|
+
/** Wind / breeze for weather or speed */
|
|
823
|
+
export const wind = {
|
|
824
|
+
name: 'Wind',
|
|
825
|
+
description: 'Wind / breeze for weather and speed',
|
|
826
|
+
keywords: ['wind', 'breeze', 'air', 'weather', 'fast', 'speed'],
|
|
827
|
+
category: 'Common',
|
|
828
|
+
paths: [
|
|
829
|
+
{ d: 'M9.59 4.59A2 2 0 1111 8H2' },
|
|
830
|
+
{ d: 'M12.59 19.41A2 2 0 1014 16H2' },
|
|
831
|
+
{ d: 'M17.73 7.73A2.5 2.5 0 1119.5 12H2' },
|
|
832
|
+
],
|
|
833
|
+
};
|
|
834
|
+
/** Slider controls for adjustments */
|
|
835
|
+
export const sliders = {
|
|
836
|
+
name: 'Sliders',
|
|
837
|
+
description: 'Slider controls for adjustments and settings',
|
|
838
|
+
keywords: ['sliders', 'controls', 'adjust', 'settings', 'equalizer', 'tune'],
|
|
839
|
+
category: 'UI',
|
|
840
|
+
paths: [{ d: 'M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3' }, { d: 'M1 14h6M9 8h6M17 16h6' }],
|
|
841
|
+
};
|
|
842
|
+
/** Crossing arrows for shuffle / random */
|
|
843
|
+
export const shuffle = {
|
|
844
|
+
name: 'Shuffle',
|
|
845
|
+
description: 'Crossing arrows for shuffle and random',
|
|
846
|
+
keywords: ['shuffle', 'random', 'mix', 'crossing', 'arrows'],
|
|
847
|
+
category: 'Actions',
|
|
848
|
+
paths: [{ d: 'M16 3h5v5' }, { d: 'M4 20L21 3' }, { d: 'M21 16v5h-5' }, { d: 'M15 15l6 6' }, { d: 'M4 4l5 5' }],
|
|
849
|
+
};
|
|
850
|
+
/** Stop circle for halt / block */
|
|
851
|
+
export const stopCircle = {
|
|
852
|
+
name: 'Stop Circle',
|
|
853
|
+
description: 'Stop circle for halt and block actions',
|
|
854
|
+
keywords: ['stop', 'halt', 'block', 'circle', 'end'],
|
|
855
|
+
category: 'Status',
|
|
856
|
+
paths: [{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' }, { d: 'M9 9h6v6H9z' }],
|
|
857
|
+
};
|
|
858
|
+
/** Left arrow for navigation */
|
|
859
|
+
export const arrowLeft = {
|
|
860
|
+
name: 'Arrow Left',
|
|
861
|
+
description: 'Left arrow for backward navigation',
|
|
862
|
+
keywords: ['arrow', 'left', 'back', 'previous', 'direction'],
|
|
863
|
+
category: 'Navigation',
|
|
864
|
+
paths: [{ d: 'M19 12H5M12 19l-7-7 7-7' }],
|
|
865
|
+
};
|
|
866
|
+
/** Right arrow for navigation */
|
|
867
|
+
export const arrowRight = {
|
|
868
|
+
name: 'Arrow Right',
|
|
869
|
+
description: 'Right arrow for forward navigation',
|
|
870
|
+
keywords: ['arrow', 'right', 'forward', 'next', 'direction'],
|
|
871
|
+
category: 'Navigation',
|
|
872
|
+
paths: [{ d: 'M5 12h14M12 5l7 7-7 7' }],
|
|
873
|
+
};
|
|
874
|
+
/** Hash / number sign */
|
|
875
|
+
export const hash = {
|
|
876
|
+
name: 'Hash',
|
|
877
|
+
description: 'Hash / number sign for numbering and channels',
|
|
878
|
+
keywords: ['hash', 'number', 'pound', 'channel', 'tag', 'count'],
|
|
879
|
+
category: 'UI',
|
|
880
|
+
paths: [{ d: 'M4 9h16M4 15h16M10 3l-2 18M16 3l-2 18' }],
|
|
881
|
+
};
|
|
882
|
+
/** Deciduous tree for nature */
|
|
883
|
+
export const treeDeciduous = {
|
|
884
|
+
name: 'Tree',
|
|
885
|
+
description: 'Deciduous tree for nature and hierarchy',
|
|
886
|
+
keywords: ['tree', 'nature', 'plant', 'hierarchy', 'branch', 'leaf'],
|
|
887
|
+
category: 'Content',
|
|
888
|
+
paths: [
|
|
889
|
+
{ d: 'M12 22V8' },
|
|
890
|
+
{
|
|
891
|
+
d: 'M12 3a5 5 0 013.5 8.5A4.5 4.5 0 0118 16H6a4.5 4.5 0 012.5-4.5A5 5 0 0112 3z',
|
|
892
|
+
},
|
|
893
|
+
],
|
|
894
|
+
};
|
|
895
|
+
/** Music note for audio */
|
|
896
|
+
export const music = {
|
|
897
|
+
name: 'Music',
|
|
898
|
+
description: 'Music note for audio content',
|
|
899
|
+
keywords: ['music', 'audio', 'note', 'sound', 'song', 'melody'],
|
|
900
|
+
category: 'Content',
|
|
901
|
+
paths: [{ d: 'M9 18V5l12-2v13' }, { d: 'M6 21a3 3 0 100-6 3 3 0 000 6z' }, { d: 'M18 19a3 3 0 100-6 3 3 0 000 6z' }],
|
|
902
|
+
};
|
|
903
|
+
/** Picture frame for images */
|
|
904
|
+
export const image = {
|
|
905
|
+
name: 'Image',
|
|
906
|
+
description: 'Picture frame for image content',
|
|
907
|
+
keywords: ['image', 'picture', 'photo', 'gallery', 'frame'],
|
|
908
|
+
category: 'Content',
|
|
909
|
+
paths: [
|
|
910
|
+
{ d: 'M5 3h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z' },
|
|
911
|
+
{ d: 'M8.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' },
|
|
912
|
+
{ d: 'M21 15l-5-5L5 21' },
|
|
913
|
+
],
|
|
914
|
+
};
|
|
915
|
+
/** Film strip for movies / video */
|
|
916
|
+
export const film = {
|
|
917
|
+
name: 'Film',
|
|
918
|
+
description: 'Film strip for movies and video content',
|
|
919
|
+
keywords: ['film', 'movie', 'video', 'cinema', 'media', 'strip'],
|
|
920
|
+
category: 'Content',
|
|
921
|
+
paths: [
|
|
922
|
+
{
|
|
923
|
+
d: 'M19.82 2H4.18A2.18 2.18 0 002 4.18v15.64A2.18 2.18 0 004.18 22h15.64A2.18 2.18 0 0022 19.82V4.18A2.18 2.18 0 0019.82 2z',
|
|
924
|
+
},
|
|
925
|
+
{ d: 'M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5' },
|
|
926
|
+
],
|
|
927
|
+
};
|
|
928
|
+
/** Party popper for celebration */
|
|
929
|
+
export const partyPopper = {
|
|
930
|
+
name: 'Party Popper',
|
|
931
|
+
description: 'Party popper for celebration and success',
|
|
932
|
+
keywords: ['party', 'celebration', 'confetti', 'success', 'congratulations', 'tada'],
|
|
933
|
+
category: 'UI',
|
|
934
|
+
paths: [
|
|
935
|
+
{ d: 'M5.8 11.3L2 22l10.7-3.8' },
|
|
936
|
+
{ d: 'M4 3h.01M22 8h.01M15 2h.01M22 20h.01' },
|
|
937
|
+
{ d: 'M9.1 9.1c3.5-3.5 7.3-5 8.5-3.8 1.2 1.2-.3 5-3.8 8.5-3.5 3.5-7.3 5-8.5 3.8-1.2-1.2.3-5 3.8-8.5z' },
|
|
938
|
+
{ d: 'M16 5l3 3M10 2l1 4M2 10l4 1M19 14l2 3M14 19l3 2' },
|
|
939
|
+
],
|
|
940
|
+
};
|
|
941
|
+
/** Chat bubble for messages / comments */
|
|
942
|
+
export const messageCircle = {
|
|
943
|
+
name: 'Message Circle',
|
|
944
|
+
description: 'Chat bubble for messages and comments',
|
|
945
|
+
keywords: ['message', 'chat', 'bubble', 'comment', 'conversation', 'talk'],
|
|
946
|
+
category: 'Content',
|
|
947
|
+
paths: [
|
|
948
|
+
{
|
|
949
|
+
d: 'M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z',
|
|
950
|
+
},
|
|
951
|
+
],
|
|
952
|
+
};
|
|
953
|
+
/** Multiple images for gallery / carousel */
|
|
954
|
+
export const images = {
|
|
955
|
+
name: 'Images',
|
|
956
|
+
description: 'Multiple images for gallery and carousel views',
|
|
957
|
+
keywords: ['images', 'gallery', 'carousel', 'slideshow', 'photos', 'multiple'],
|
|
958
|
+
category: 'Content',
|
|
959
|
+
paths: [
|
|
960
|
+
{ d: 'M7 3h12a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2z' },
|
|
961
|
+
{ d: 'M1 7h2v12a2 2 0 002 2h12v2' },
|
|
962
|
+
{ d: 'M10.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' },
|
|
963
|
+
{ d: 'M21 13l-3-3-5 7' },
|
|
964
|
+
],
|
|
965
|
+
};
|
|
966
|
+
/** Text / typography letter for fonts */
|
|
967
|
+
export const type = {
|
|
968
|
+
name: 'Type',
|
|
969
|
+
description: 'Text / typography for fonts and text formatting',
|
|
970
|
+
keywords: ['type', 'text', 'font', 'typography', 'letter', 'format'],
|
|
971
|
+
category: 'Content',
|
|
972
|
+
paths: [{ d: 'M4 7V4h16v3' }, { d: 'M9 20h6' }, { d: 'M12 4v16' }],
|
|
973
|
+
};
|
|
974
|
+
/** Rocket for launch / deploy */
|
|
975
|
+
export const rocket = {
|
|
976
|
+
name: 'Rocket',
|
|
977
|
+
description: 'Rocket for launch, deploy, and performance',
|
|
978
|
+
keywords: ['rocket', 'launch', 'deploy', 'fast', 'speed', 'startup'],
|
|
979
|
+
category: 'Common',
|
|
980
|
+
paths: [
|
|
981
|
+
{
|
|
982
|
+
d: 'M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z',
|
|
983
|
+
},
|
|
984
|
+
{
|
|
985
|
+
d: 'M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11.95A22 22 0 0112 15z',
|
|
986
|
+
},
|
|
987
|
+
{ d: 'M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0' },
|
|
988
|
+
{ d: 'M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5' },
|
|
989
|
+
],
|
|
990
|
+
};
|
|
991
|
+
/** Alert siren for urgent notifications */
|
|
992
|
+
export const siren = {
|
|
993
|
+
name: 'Siren',
|
|
994
|
+
description: 'Alert siren for urgent notifications',
|
|
995
|
+
keywords: ['siren', 'alert', 'urgent', 'emergency', 'alarm', 'police'],
|
|
996
|
+
category: 'Status',
|
|
997
|
+
paths: [
|
|
998
|
+
{ d: 'M7 18v-6a5 5 0 0110 0v6' },
|
|
999
|
+
{ d: 'M5 21h14' },
|
|
1000
|
+
{ d: 'M5 18h14' },
|
|
1001
|
+
{ d: 'M12 2v2' },
|
|
1002
|
+
{ d: 'M3.5 7l1.5 1' },
|
|
1003
|
+
{ d: 'M19 8l1.5-1' },
|
|
1004
|
+
],
|
|
1005
|
+
};
|
|
1006
|
+
/** Light bulb for ideas / tips */
|
|
1007
|
+
export const lightbulb = {
|
|
1008
|
+
name: 'Light Bulb',
|
|
1009
|
+
description: 'Light bulb for ideas and tips',
|
|
1010
|
+
keywords: ['lightbulb', 'idea', 'tip', 'innovation', 'bright', 'think'],
|
|
1011
|
+
category: 'Common',
|
|
1012
|
+
paths: [
|
|
1013
|
+
{
|
|
1014
|
+
d: 'M9 18h6M10 22h4',
|
|
1015
|
+
},
|
|
1016
|
+
{
|
|
1017
|
+
d: 'M12 2a7 7 0 00-4 12.7V17h8v-2.3A7 7 0 0012 2z',
|
|
1018
|
+
},
|
|
1019
|
+
],
|
|
1020
|
+
};
|
|
1021
|
+
/** Flag for milestones / reporting */
|
|
1022
|
+
export const flag = {
|
|
1023
|
+
name: 'Flag',
|
|
1024
|
+
description: 'Flag for milestones, reporting, and marking',
|
|
1025
|
+
keywords: ['flag', 'milestone', 'report', 'mark', 'finish'],
|
|
1026
|
+
category: 'UI',
|
|
1027
|
+
paths: [{ d: 'M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z' }, { d: 'M4 22v-7' }],
|
|
1028
|
+
};
|
|
1029
|
+
/** Dollar sign for money / pricing */
|
|
1030
|
+
export const dollarSign = {
|
|
1031
|
+
name: 'Dollar Sign',
|
|
1032
|
+
description: 'Dollar sign for money, pricing, and finance',
|
|
1033
|
+
keywords: ['dollar', 'money', 'price', 'currency', 'finance', 'cost'],
|
|
1034
|
+
category: 'Content',
|
|
1035
|
+
paths: [{ d: 'M12 1v22' }, { d: 'M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 010 7H6' }],
|
|
1036
|
+
};
|
|
1037
|
+
/** Bidirectional horizontal arrow for exchange / compare */
|
|
1038
|
+
export const arrowLeftRight = {
|
|
1039
|
+
name: 'Arrow Left Right',
|
|
1040
|
+
description: 'Bidirectional horizontal arrow for exchange and comparison',
|
|
1041
|
+
keywords: ['arrow', 'left-right', 'exchange', 'swap', 'compare', 'bidirectional'],
|
|
1042
|
+
category: 'Navigation',
|
|
1043
|
+
paths: [{ d: 'M21 7H3M18 4l3 3-3 3' }, { d: 'M3 17h18M6 14l-3 3 3 3' }],
|
|
1044
|
+
};
|
|
1045
|
+
/** Magic wand for transformations */
|
|
1046
|
+
export const wand = {
|
|
1047
|
+
name: 'Wand',
|
|
1048
|
+
description: 'Magic wand for transformations and effects',
|
|
1049
|
+
keywords: ['wand', 'magic', 'transform', 'effect', 'auto', 'wizard'],
|
|
1050
|
+
category: 'Actions',
|
|
1051
|
+
paths: [
|
|
1052
|
+
{ d: 'M15 4V2M15 16v-2M8 9h2M20 9h2M17.8 11.8L19 13M17.8 6.2L19 5M12.2 11.8L11 13M12.2 6.2L11 5' },
|
|
1053
|
+
{ d: 'M15 9a2 2 0 100-4 2 2 0 000 4z' },
|
|
1054
|
+
{ d: 'M6 21l9-9' },
|
|
1055
|
+
],
|
|
1056
|
+
};
|
|
1057
|
+
/** Game controller for gaming */
|
|
1058
|
+
export const gamepad = {
|
|
1059
|
+
name: 'Gamepad',
|
|
1060
|
+
description: 'Game controller for gaming contexts',
|
|
1061
|
+
keywords: ['gamepad', 'controller', 'game', 'gaming', 'joystick', 'play'],
|
|
1062
|
+
category: 'Content',
|
|
1063
|
+
paths: [
|
|
1064
|
+
{
|
|
1065
|
+
d: 'M6 11h4M8 9v4',
|
|
1066
|
+
},
|
|
1067
|
+
{ d: 'M15 12h.01M18 10h.01' },
|
|
1068
|
+
{
|
|
1069
|
+
d: 'M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 019.828 16h4.344a2 2 0 011.414.586L17 18c.5.5 1 1 2 1a3 3 0 003-3c0-1.544-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.152A4 4 0 0017.32 5z',
|
|
1070
|
+
},
|
|
1071
|
+
],
|
|
1072
|
+
};
|
|
1073
|
+
/** Code brackets for programming */
|
|
1074
|
+
export const code = {
|
|
1075
|
+
name: 'Code',
|
|
1076
|
+
description: 'Code brackets for programming and development',
|
|
1077
|
+
keywords: ['code', 'programming', 'development', 'brackets', 'developer', 'source'],
|
|
1078
|
+
category: 'Content',
|
|
1079
|
+
paths: [{ d: 'M16 18l6-6-6-6' }, { d: 'M8 6l-6 6 6 6' }],
|
|
1080
|
+
};
|
|
1081
|
+
/** Puzzle piece for extensions / plugins */
|
|
1082
|
+
export const puzzle = {
|
|
1083
|
+
name: 'Puzzle',
|
|
1084
|
+
description: 'Puzzle piece for extensions and plugins',
|
|
1085
|
+
keywords: ['puzzle', 'extension', 'plugin', 'module', 'piece', 'addon'],
|
|
1086
|
+
category: 'Content',
|
|
1087
|
+
paths: [
|
|
1088
|
+
{
|
|
1089
|
+
d: 'M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 01-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 10-3.214 3.214c.446.166.855.497.925.968a.979.979 0 01-.276.837l-1.61 1.61a2.404 2.404 0 01-1.705.707 2.402 2.402 0 01-1.704-.706l-1.568-1.568a1.026 1.026 0 00-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 11-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 00-.289-.877l-1.568-1.568A2.402 2.402 0 011.998 12c0-.617.236-1.234.706-1.704L4.315 8.685a.98.98 0 01.837-.276c.47.07.802.48.968.925a2.501 2.501 0 103.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 01.276-.837l1.61-1.61a2.404 2.404 0 011.705-.707c.618 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.969a2.5 2.5 0 113.237 3.237c-.464.18-.894.527-.967 1.02z',
|
|
1090
|
+
},
|
|
1091
|
+
],
|
|
1092
|
+
};
|
|
1093
|
+
/** Ruler for layout / measurement */
|
|
1094
|
+
export const ruler = {
|
|
1095
|
+
name: 'Ruler',
|
|
1096
|
+
description: 'Ruler for layout and measurement',
|
|
1097
|
+
keywords: ['ruler', 'measure', 'layout', 'size', 'dimension', 'scale'],
|
|
1098
|
+
category: 'Content',
|
|
1099
|
+
paths: [
|
|
1100
|
+
{
|
|
1101
|
+
d: 'M21.174 6.812a1 1 0 00-3.986-3.987L3.842 16.174a2 2 0 000 2.83l1.153 1.154a2 2 0 002.83 0L21.174 6.812z',
|
|
1102
|
+
},
|
|
1103
|
+
{ d: 'M15 5l1 1M12 8l1 1M9 11l1 1M6 14l1 1' },
|
|
1104
|
+
],
|
|
1105
|
+
};
|
|
1106
|
+
/** Application window frame */
|
|
1107
|
+
export const appWindow = {
|
|
1108
|
+
name: 'App Window',
|
|
1109
|
+
description: 'Application window frame for UI elements',
|
|
1110
|
+
keywords: ['window', 'app', 'application', 'frame', 'browser', 'panel'],
|
|
1111
|
+
category: 'UI',
|
|
1112
|
+
paths: [
|
|
1113
|
+
{ d: 'M4 2h16a2 2 0 012 2v16a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2z' },
|
|
1114
|
+
{ d: 'M2 8h20' },
|
|
1115
|
+
{ d: 'M6 5h.01M9 5h.01' },
|
|
1116
|
+
],
|
|
1117
|
+
};
|
|
1118
|
+
/** Electrical plug for connections / integrations */
|
|
1119
|
+
export const plug = {
|
|
1120
|
+
name: 'Plug',
|
|
1121
|
+
description: 'Electrical plug for connections and integrations',
|
|
1122
|
+
keywords: ['plug', 'connection', 'integration', 'power', 'socket', 'connect'],
|
|
1123
|
+
category: 'Content',
|
|
1124
|
+
paths: [{ d: 'M12 22v-5' }, { d: 'M9 8V2M15 8V2' }, { d: 'M18 8v5a6 6 0 01-12 0V8z' }],
|
|
1125
|
+
};
|
|
1126
|
+
/** Wrench for tools / maintenance */
|
|
1127
|
+
export const wrench = {
|
|
1128
|
+
name: 'Wrench',
|
|
1129
|
+
description: 'Wrench for tools and maintenance',
|
|
1130
|
+
keywords: ['wrench', 'tool', 'fix', 'repair', 'maintenance', 'spanner'],
|
|
1131
|
+
category: 'Actions',
|
|
1132
|
+
paths: [
|
|
1133
|
+
{
|
|
1134
|
+
d: 'M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z',
|
|
1135
|
+
},
|
|
1136
|
+
],
|
|
1137
|
+
};
|
|
1138
|
+
/** Compass for exploration / navigation */
|
|
1139
|
+
export const compass = {
|
|
1140
|
+
name: 'Compass',
|
|
1141
|
+
description: 'Compass for exploration and navigation',
|
|
1142
|
+
keywords: ['compass', 'explore', 'navigate', 'direction', 'discover', 'orientation'],
|
|
1143
|
+
category: 'Navigation',
|
|
1144
|
+
paths: [
|
|
1145
|
+
{ d: 'M12 2a10 10 0 100 20 10 10 0 000-20z' },
|
|
1146
|
+
{ d: 'M16.24 7.76l-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z' },
|
|
1147
|
+
],
|
|
1148
|
+
};
|
|
432
1149
|
//# sourceMappingURL=icon-definitions.js.map
|