Skip to content

Commit 91765bd

Browse files
simeonoffsimeonoff
authored
refactor(icons): add more indigo-specific icons (#14869)
1 parent 9f52ac1 commit 91765bd

File tree

13 files changed

+272
-34
lines changed

13 files changed

+272
-34
lines changed

‎projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -215,9 +215,7 @@
215215
igc-icon {
216216
--component-size: 2;
217217

218-
padding: rem(6px);
219-
width: auto;
220-
height: auto;
218+
margin-inline: rem(6px);
221219
}
222220
}
223221
}

‎projects/igniteui-angular/src/lib/icon/icon.references.ts

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,10 @@ const loadIconRefs = () => [
159159
name: 'cancel',
160160
family: 'material',
161161
},
162+
indigo: {
163+
name: 'cancel',
164+
family: 'internal_indigo',
165+
},
162166
}),
163167
addIcon('input_clear', {
164168
default: {
@@ -211,18 +215,30 @@ const loadIconRefs = () => [
211215
name: 'calendar_today',
212216
family: 'material',
213217
},
218+
indigo: {
219+
name: 'calendar_today',
220+
family: 'internal_indigo',
221+
},
214222
}),
215223
addIcon('clock', {
216224
default: {
217225
name: 'access_time',
218226
family: 'material',
219227
},
228+
indigo: {
229+
name: 'access_time',
230+
family: 'internal_indigo',
231+
}
220232
}),
221233
addIcon('date_range', {
222234
default: {
223235
name: 'date_range',
224236
family: 'material',
225237
},
238+
indigo: {
239+
name: 'calendar_today',
240+
family: 'internal_indigo',
241+
},
226242
}),
227243
addIcon('prev', {
228244
default: {
@@ -269,6 +285,10 @@ const loadIconRefs = () => [
269285
name: 'add',
270286
family: 'material',
271287
},
288+
indigo: {
289+
name: 'add',
290+
family: 'internal_indigo',
291+
}
272292
}),
273293
addIcon('close', {
274294
default: {
@@ -285,6 +305,10 @@ const loadIconRefs = () => [
285305
name: 'error',
286306
family: 'material',
287307
},
308+
indigo: {
309+
name: 'error',
310+
family: 'internal_indigo',
311+
}
288312
}),
289313
addIcon('confirm', {
290314
default: {
@@ -323,12 +347,20 @@ const loadIconRefs = () => [
323347
name: 'pin-left',
324348
family: 'imx-icons',
325349
},
350+
indigo: {
351+
name: 'pin',
352+
family: 'internal_indigo',
353+
},
326354
}),
327355
addIcon('unpin', {
328356
default: {
329357
name: 'unpin-left',
330358
family: 'imx-icons',
331359
},
360+
indigo: {
361+
name: 'unpin',
362+
family: 'internal_indigo',
363+
},
332364
}),
333365
addIcon('show', {
334366
default: {
@@ -387,12 +419,20 @@ const loadIconRefs = () => [
387419
name: 'expand_more',
388420
family: 'material',
389421
},
422+
indigo: {
423+
name: 'chevron_down',
424+
family: 'internal_indigo',
425+
},
390426
}),
391427
addIcon('filter_list', {
392428
default: {
393429
name: 'filter_list',
394430
family: 'material',
395431
},
432+
indigo: {
433+
name: 'filter_list',
434+
family: 'internal_indigo',
435+
},
396436
}),
397437
addIcon('import_export', {
398438
default: {
@@ -457,6 +497,10 @@ const loadIconRefs = () => [
457497
name: 'search',
458498
family: 'material',
459499
},
500+
indigo: {
501+
name: 'search',
502+
family: 'internal_indigo',
503+
},
460504
}),
461505
addIcon('functions', {
462506
default: {
@@ -481,6 +525,10 @@ const loadIconRefs = () => [
481525
name: 'refresh',
482526
family: 'material',
483527
},
528+
indigo: {
529+
name: 'refresh',
530+
family: 'internal_indigo',
531+
},
484532
}),
485533
addIcon('add_row', {
486534
default: {
@@ -685,6 +733,40 @@ const loadIconRefs = () => [
685733
name: 'file_download',
686734
family: 'material',
687735
},
736+
indigo: {
737+
name: 'file_download',
738+
family: 'internal_indigo',
739+
}
740+
}),
741+
addIcon('file_upload', {
742+
default: {
743+
name: 'file_upload',
744+
family: 'material',
745+
},
746+
indigo: {
747+
name: 'file_upload',
748+
family: 'internal_indigo',
749+
}
750+
}),
751+
addIcon('horizontal_rule', {
752+
default: {
753+
name: 'horizontal_rule',
754+
family: 'material',
755+
},
756+
indigo: {
757+
name: 'horizontal_rule',
758+
family: 'internal_indigo',
759+
}
760+
}),
761+
addIcon('menu', {
762+
default: {
763+
name: 'menu',
764+
family: 'material',
765+
},
766+
indigo: {
767+
name: 'menu',
768+
family: 'internal_indigo',
769+
}
688770
}),
689771
];
690772

‎projects/igniteui-angular/src/lib/icon/icons.indigo.ts

Lines changed: 153 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,139 @@ const last_page: IMXIcon = {
124124
fontSet: 'indigo'
125125
}
126126

127+
const access_time: IMXIcon = {
128+
name: 'access_time',
129+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M10.5 8a1.5 1.5 0 0 1 3 0v2.5H16a1.5 1.5 0 1 1 0 3h-4a1.5 1.5 0 0 1-1.5-1.5V8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12c0 5.523-4.476 10-10 10-5.522 0-10-4.477-10-10S6.479 2 12 2c5.524 0 10 4.477 10 10Zm-3 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"/></svg>`,
130+
categories: ['editor'],
131+
fontSet: 'indigo'
132+
}
133+
134+
const add: IMXIcon = {
135+
name: 'add',
136+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M10.2 13.8H5.8a1.8 1.8 0 0 1 0-3.6h4.4V5.8a1.8 1.8 0 1 1 3.6 0v4.4h4.4a1.8 1.8 0 0 1 0 3.6h-4.4v4.4a1.8 1.8 0 1 1-3.6 0v-4.4Z"/></svg>`,
137+
categories: ['editor'],
138+
fontSet: 'indigo'
139+
}
140+
141+
const attach_file: IMXIcon = {
142+
name: 'attach_file',
143+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="m16.496 10.809-7.63 7.365a.965.965 0 0 1-1.31 0 .844.844 0 0 1 0-1.24l6.59-6.382c.601-.601.59-1.55-.032-2.14a1.689 1.689 0 0 0-2.261-.03l-.033.03-6.558 6.351c-1.629 1.542-1.629 4.04 0 5.581 1.629 1.541 4.27 1.541 5.899 0l7.63-7.365c2.533-2.397 2.533-6.284 0-8.681-2.535-2.397-6.642-2.397-9.176 0L4.008 9.749l-.033.031a1.477 1.477 0 0 0 0 2.17 1.688 1.688 0 0 0 2.326-.03l5.608-5.452c1.267-1.198 3.32-1.198 4.587 0a2.954 2.954 0 0 1 0 4.34Z"/></svg>`,
144+
categories: ['editor'],
145+
fontSet: 'indigo'
146+
}
147+
148+
const block: IMXIcon = {
149+
name: 'block',
150+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M19.248 4.787c-.006-.007-.008-.014-.014-.02-.007-.007-.014-.009-.02-.015A10.232 10.232 0 0 0 4.751 19.213c.006.007.008.016.014.02.006.006.014.009.02.015A10.232 10.232 0 0 0 19.249 4.787ZM12 4.327c1.592 0 3.145.498 4.44 1.425L5.751 16.44A7.66 7.66 0 0 1 12 4.326Zm0 15.347a7.623 7.623 0 0 1-4.44-1.426L18.249 7.56A7.661 7.661 0 0 1 12 19.674Z"/></svg>`,
151+
categories: ['editor'],
152+
fontSet: 'indigo'
153+
}
154+
155+
const calendar_today: IMXIcon = {
156+
name: 'calendar_today',
157+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M18.299 4H17v-.5a1.5 1.5 0 1 0-3 0V4h-4v-.5a1.5 1.5 0 1 0-3 0V4H5.703A3.707 3.707 0 0 0 2 7.702v10.595A3.707 3.707 0 0 0 5.703 22h12.596A3.706 3.706 0 0 0 22 18.297V7.702A3.707 3.707 0 0 0 18.299 4ZM5.703 7H7v.5a1.5 1.5 0 0 0 3 0V7h4v.5a1.5 1.5 0 0 0 3 0V7h1.298a.704.704 0 0 1 .702.702v2.655H5V7.703A.703.703 0 0 1 5.703 7Zm12.596 12H5.703A.704.704 0 0 1 5 18.297v-4.94h14v4.94a.704.704 0 0 1-.702.703Z"/></svg>`,
158+
categories: ['editor'],
159+
fontSet: 'indigo'
160+
}
161+
162+
const cancel: IMXIcon = {
163+
name: 'cancel',
164+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22c5.524 0 10-4.477 10-10 0-5.522-4.476-10-10-10C6.479 2 2 6.478 2 12c0 5.523 4.478 10 10 10ZM7.438 9.543a1.49 1.49 0 0 1 2.106-2.106l2.458 2.457 2.457-2.457a1.489 1.489 0 1 1 2.106 2.106L14.107 12l2.457 2.457a1.49 1.49 0 0 1-2.106 2.107l-2.457-2.458-2.458 2.458a1.489 1.489 0 1 1-2.106-2.107L9.894 12 7.437 9.543Z"/></svg>`,
165+
categories: ['editor'],
166+
fontSet: 'indigo'
167+
}
168+
169+
const check_circle: IMXIcon = {
170+
name: 'check_circle',
171+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.445 3.685a10 10 0 1 1 11.111 16.63A10 10 0 0 1 6.445 3.685Zm10.22 3.923a1.294 1.294 0 0 0-.523-.108 1.294 1.294 0 0 0-.947.424l-4.761 5.131-1.626-1.703a1.297 1.297 0 0 0-1.911 0c-.254.27-.396.632-.396 1.009 0 .376.142.738.396 1.008l2.59 2.712c.124.133.272.238.436.31a1.29 1.29 0 0 0 1.473-.31l3.547-3.815 2.162-2.33c.254-.27.396-.632.396-1.008 0-.377-.142-.738-.396-1.01a1.325 1.325 0 0 0-.44-.31Z"/></svg>`,
172+
categories: ['editor'],
173+
fontSet: 'indigo'
174+
}
175+
176+
const error: IMXIcon = {
177+
name: 'error',
178+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.685 17.556a10 10 0 1 1 16.63-11.112 10 10 0 0 1-16.63 11.112ZM10.5 11.5v-4a1.5 1.5 0 1 1 3 0v4a1.5 1.5 0 1 1-3 0Zm.253 5.833a1.5 1.5 0 1 1 2.495-1.667 1.5 1.5 0 0 1-2.495 1.667Z"/></svg>`,
179+
categories: ['editor'],
180+
fontSet: 'indigo'
181+
}
182+
183+
const file_download: IMXIcon = {
184+
name: 'file_download',
185+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M10.41 11.21V3.616c0-.43.167-.84.466-1.144A1.578 1.578 0 0 1 12 2c.422 0 .826.17 1.125.473.298.304.466.715.466 1.144v7.586l2.195-2.282a1.49 1.49 0 0 1 1.05-.455 1.47 1.47 0 0 1 1.06.434l.022.021c.284.294.443.689.443 1.1 0 .412-.16.807-.443 1.1l-4.81 4.972a1.496 1.496 0 0 1-1.069.454h-.084a1.47 1.47 0 0 1-1.066-.454L6.076 11.12a1.586 1.586 0 0 1-.44-1.098c0-.41.158-.805.44-1.098a1.49 1.49 0 0 1 1.05-.457 1.47 1.47 0 0 1 1.06.432l.025.025 2.199 2.284Z"/><path d="M20.41 14.729a1.59 1.59 0 0 0-1.592 1.591v1.613a.886.886 0 0 1-.884.884H6.07a.892.892 0 0 1-.89-.884V16.32a1.591 1.591 0 0 0-3.181 0v1.618A4.087 4.087 0 0 0 6.066 22h11.868A4.07 4.07 0 0 0 22 17.931V16.32a1.59 1.59 0 0 0-1.59-1.591Z"/></svg>`,
186+
categories: ['editor'],
187+
fontSet: 'indigo'
188+
}
189+
190+
const file_upload: IMXIcon = {
191+
name: 'file_upload',
192+
categories: ['editor'],
193+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M13.59 14.927v-7.59L15.79 9.62l.026.024a1.489 1.489 0 0 0 1.06.432 1.473 1.473 0 0 0 1.05-.456c.281-.294.439-.688.439-1.098 0-.41-.158-.805-.44-1.099l-4.814-4.97A1.49 1.49 0 0 0 12.044 2h-.085a1.479 1.479 0 0 0-1.069.454l-4.81 4.97a1.582 1.582 0 0 0-.442 1.1c0 .412.16.806.443 1.1l.022.02a1.489 1.489 0 0 0 1.06.435 1.47 1.47 0 0 0 1.05-.455l2.195-2.28v7.583c0 .429.168.84.466 1.143.299.303.703.474 1.125.474.422 0 .827-.17 1.125-.474a1.63 1.63 0 0 0 .466-1.143Z"/><path d="M19.284 15.197A1.59 1.59 0 0 1 22 16.32v1.611A4.071 4.071 0 0 1 17.934 22H6.066A4.085 4.085 0 0 1 2 17.939V16.32a1.59 1.59 0 0 1 3.182 0v1.613a.892.892 0 0 0 .89.884h11.862a.886.886 0 0 0 .884-.884v-1.613c0-.422.168-.826.466-1.124Z"/></svg>`,
194+
fontSet: 'indigo'
195+
}
196+
197+
const filter_list: IMXIcon = {
198+
name: 'filter_list',
199+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M4.616 7.682h14.768c.428 0 .84-.168 1.143-.466.303-.298.473-.703.473-1.125 0-.422-.17-.827-.473-1.125a1.63 1.63 0 0 0-1.143-.466H4.616c-.428 0-.84.168-1.143.466A1.579 1.579 0 0 0 3 6.091c0 .422.17.827.473 1.125a1.63 1.63 0 0 0 1.143.466ZM7.344 13.591h9.312c.429 0 .84-.168 1.143-.466.303-.299.474-.703.474-1.125 0-.422-.17-.827-.474-1.125a1.63 1.63 0 0 0-1.143-.466H7.344c-.429 0-.84.167-1.143.466A1.579 1.579 0 0 0 5.727 12c0 .422.17.827.474 1.125a1.63 1.63 0 0 0 1.143.466ZM13.929 19.5h-3.858a1.63 1.63 0 0 1-1.143-.466 1.578 1.578 0 0 1-.473-1.125c0-.422.17-.826.473-1.125a1.63 1.63 0 0 1 1.143-.466h3.858c.429 0 .84.167 1.143.466.303.298.474.703.474 1.125 0 .422-.17.827-.474 1.125a1.63 1.63 0 0 1-1.143.466Z"/></svg>`,
200+
categories: ['editor'],
201+
fontSet: 'indigo'
202+
}
203+
204+
const horizontal_rule: IMXIcon = {
205+
name: 'horizontal_rule',
206+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M5.778 13.5h12.444c.471 0 .924-.184 1.257-.512.334-.329.521-.774.521-1.238 0-.464-.187-.91-.52-1.237A1.793 1.793 0 0 0 18.221 10H5.778c-.471 0-.924.184-1.257.513-.334.328-.521.773-.521 1.237 0 .464.187.91.52 1.238.334.328.787.512 1.258.512Z"/></svg>`,
207+
categories: ['editor'],
208+
fontSet: 'indigo'
209+
}
210+
211+
const info: IMXIcon = {
212+
name: 'info',
213+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.686 6.944a10 10 0 1 0 16.63 11.112A10 10 0 0 0 3.685 6.944Zm6.815 5.556V17a1.5 1.5 0 0 0 3 0v-4.5a1.5 1.5 0 1 0-3 0Zm.253-5.333a1.5 1.5 0 1 0 2.494 1.666 1.5 1.5 0 0 0-2.494-1.666Z"/></svg>`,
214+
categories: ['editor'],
215+
fontSet: 'indigo'
216+
}
217+
218+
const menu: IMXIcon = {
219+
name: 'menu',
220+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M4.616 7.682h14.768c.428 0 .84-.168 1.143-.466.303-.299.473-.703.473-1.125 0-.422-.17-.827-.473-1.125a1.63 1.63 0 0 0-1.143-.466H4.616c-.428 0-.84.168-1.143.466A1.578 1.578 0 0 0 3 6.09c0 .422.17.826.473 1.125a1.63 1.63 0 0 0 1.143.466ZM4.616 13.59h14.768c.428 0 .84-.167 1.143-.465.303-.299.473-.703.473-1.125 0-.422-.17-.827-.473-1.125a1.63 1.63 0 0 0-1.143-.466H4.616c-.428 0-.84.167-1.143.466A1.578 1.578 0 0 0 3 12c0 .422.17.826.473 1.125a1.63 1.63 0 0 0 1.143.466ZM19.384 19.5H4.616a1.63 1.63 0 0 1-1.143-.466A1.578 1.578 0 0 1 3 17.909c0-.422.17-.826.473-1.125a1.63 1.63 0 0 1 1.143-.466h14.768c.428 0 .84.168 1.143.466.303.299.473.703.473 1.125 0 .422-.17.827-.473 1.125a1.63 1.63 0 0 1-1.143.466Z"/></svg>`,
221+
categories: ['editor'],
222+
fontSet: 'indigo'
223+
}
224+
225+
const pin: IMXIcon = {
226+
name: 'pin',
227+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.12 2.516A1.572 1.572 0 0 0 16.966 2H7.034c-.435 0-.85.187-1.154.516a1.814 1.814 0 0 0-.472 1.23c0 .46.168.902.472 1.23.304.33.72.516 1.154.516h.169v3.023a6.54 6.54 0 0 0-1.977 2.382c-.535 1.083-.782 2.444-.715 3.669.006.45.174.882.472 1.204.304.329.719.516 1.153.516h4.238v3.825c-.01.073-.015.147-.015.222 0 .92.735 1.667 1.641 1.667s1.64-.746 1.64-1.667c0-.075-.004-.15-.014-.222v-3.825h4.238c.434 0 .849-.187 1.153-.516.298-.322.466-.754.473-1.204.066-1.225-.181-2.586-.716-3.67a6.54 6.54 0 0 0-1.977-2.38V5.491h.17c.434 0 .849-.186 1.153-.515.304-.329.472-.772.472-1.23 0-.46-.168-.903-.472-1.231ZM8.005 12.114c-.114.169-.288.708-.288 1.076h8.566c0-.368-.174-.907-.289-1.076a2.738 2.738 0 0 0-1.051-.925 1.645 1.645 0 0 1-.764-.624 1.836 1.836 0 0 1-.304-1.016V5.095h-3.75V9.55c0 .364-.106.719-.304 1.016-.19.285-.456.503-.764.624-.417.205-.779.523-1.052.925Z"/></svg>`,
228+
categories: ['editor'],
229+
fontSet: 'indigo'
230+
}
231+
232+
const refresh: IMXIcon = {
233+
name: 'refresh',
234+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M14.068 3.247a9.05 9.05 0 0 0-8.98 2.925c-1.08 1.263-1.79 2.35-2.054 3.991a1.58 1.58 0 0 0-.034.315v.003A1.519 1.519 0 0 0 4.504 12a1.458 1.458 0 0 0 1.515-1.184l.002-.012.002-.012c.148-1.107.602-1.702 1.312-2.565a5.999 5.999 0 0 1 8.533-.75l-1.314 1.308a1.396 1.396 0 0 0-.314.445.761.761 0 0 0-.015.582.756.756 0 0 0 .418.406c.163.07.347.095.531.095H20.03A.985.985 0 0 0 21 9.348v-4.84c0-.323-.09-.772-.5-.94-.407-.17-.79.084-1.022.315l-1.45 1.444a9.05 9.05 0 0 0-3.96-2.08ZM3.977 13.687H3.97A.984.984 0 0 0 3 14.65v4.84c0 .324.09.773.499.942.408.17.79-.084 1.023-.315l1.45-1.444a9.049 9.049 0 0 0 12.94-.845c1.08-1.263 1.79-2.35 2.054-3.991.022-.104.033-.209.034-.315v-.003A1.518 1.518 0 0 0 19.496 12a1.458 1.458 0 0 0-1.513 1.184l-.002.012-.002.012c-.148 1.108-.602 1.702-1.312 2.565a6 6 0 0 1-8.535.75l1.314-1.308c.133-.132.246-.281.314-.445a.76.76 0 0 0 .015-.582.756.756 0 0 0-.418-.406 1.364 1.364 0 0 0-.531-.095h-4.85Z"/></svg>`,
235+
categories: ['editor'],
236+
fontSet: 'indigo'
237+
}
238+
239+
const search: IMXIcon = {
240+
name: 'search',
241+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path d="M10.393 3a7.393 7.393 0 1 0 4.068 13.567l3.996 3.997a1.49 1.49 0 1 0 2.107-2.107l-3.997-3.996A7.393 7.393 0 0 0 10.393 3ZM6 10.393a4.393 4.393 0 1 1 8.786 0 4.393 4.393 0 0 1-8.786 0Z"></svg>`,
242+
categories: ['editor'],
243+
fontSet: 'indigo'
244+
}
245+
246+
const send: IMXIcon = {
247+
name: 'send',
248+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.302 10.84S5.5 2.591 4.352 2.13C3.207 1.666 3 2.59 3 2.59v17.791c0 .277.077.549.223.79.146.242.356.444.611.589a1.871 1.871 0 0 0 1.708.064l14.5-8.216c.29-.136.533-.343.702-.6.17-.256.258-.551.256-.851a1.528 1.528 0 0 0-.267-.85 1.672 1.672 0 0 0-.431-.433v-.035ZM6.5 10.021V6.803l9.5 5.385-9.5 5.555v-3.146l3.583-.645.036-.01a1.76 1.76 0 0 0 .913-.572 1.54 1.54 0 0 0 .361-.964 1.535 1.535 0 0 0-.336-.972 1.753 1.753 0 0 0-.898-.593l-.034-.01-3.625-.81Z"/></svg>`,
249+
categories: ['editor'],
250+
fontSet: 'indigo'
251+
}
252+
253+
const unpin: IMXIcon = {
254+
name: 'unpin',
255+
value: `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.474 19.223a1.633 1.633 0 0 0 0 2.3 1.614 1.614 0 0 0 2.29 0l5.11-5.105v3.693c-.01.073-.015.147-.015.222 0 .92.735 1.667 1.641 1.667s1.64-.746 1.64-1.667a1.77 1.77 0 0 0-.014-.222v-3.825h4.237c.435 0 .85-.187 1.154-.516.298-.322.466-.754.472-1.204.067-1.225-.18-2.586-.715-3.67A6.66 6.66 0 0 0 17.09 9.21l4.436-4.432a1.633 1.633 0 0 0 0-2.3 1.614 1.614 0 0 0-2.29 0L2.474 19.223Zm12.381-7.781-1.75 1.748h2.678c0-.368-.174-.907-.288-1.076a2.798 2.798 0 0 0-.64-.672Z"/><path d="M12.614 5.095h-2.99v2.986l-5.609 5.605c.061-.969.302-1.96.71-2.79a6.54 6.54 0 0 1 1.978-2.38V5.491h-.17c-.434 0-.849-.186-1.153-.515a1.814 1.814 0 0 1-.472-1.23c0-.46.168-.903.472-1.231A1.572 1.572 0 0 1 6.534 2h9.178l-3.098 3.095Z"/></svg>`,
256+
categories: ['editor'],
257+
fontSet: 'indigo'
258+
}
259+
127260
export const IndigoIcons: Map<string, IMXIcon> = new Map(Object.entries({
128261
clear,
129262
unfold_more,
@@ -138,5 +271,24 @@ export const IndigoIcons: Map<string, IMXIcon> = new Map(Object.entries({
138271
chevron_left,
139272
check,
140273
first_page,
141-
last_page
274+
last_page,
275+
access_time,
276+
add,
277+
attach_file,
278+
block,
279+
calendar_today,
280+
cancel,
281+
check_circle,
282+
error,
283+
file_download,
284+
file_upload,
285+
filter_list,
286+
horizontal_rule,
287+
info,
288+
menu,
289+
pin,
290+
refresh,
291+
search,
292+
send,
293+
unpin
142294
}));

‎src/app/grid-column-groups/grid-column-groups.sample.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<igx-buttongroup [values]="sizes" (selected)="selectDensity($event)"></igx-buttongroup>
44
</div>
55
<ng-template igxCollapsibleIndicator let-column="column" #ind >
6-
<igx-icon>{{column.expanded ? 'remove' : 'add'}} </igx-icon>
6+
<igx-icon family="default" [name]="column.expanded ? 'horizontal_rule' : 'add'"></igx-icon>
77
</ng-template>
88
<igx-grid [allowFiltering]="true" [moving]="true" [pinning]="pinningConfig" [rowSelection]="selectionMode" #grid [data]="data">
99
<igx-grid-toolbar >
@@ -22,7 +22,7 @@
2222
<igx-column [visibleWhenCollapsed]="false" [filterable]="true" [sortable]="true" [resizable]="true" field="ContactTitle"></igx-column>
2323
</igx-column-group>
2424
<ng-template igxCollapsibleIndicator let-column="column" #ind >
25-
<igx-icon>{{column.expanded ? 'remove' : 'add'}} </igx-icon>
25+
<igx-icon family="default" [name]="column.expanded ? 'horizontal_rule' : 'add'"></igx-icon>
2626
</ng-template>
2727
</igx-column-group>
2828
<igx-column [hidden]="s" [resizable]="true" field="ID" [editable]="true"></igx-column>

0 commit comments

Comments
 (0)