Import all icons from a single type #64
-
|
Hello! First of all: Great job! Loving it so far! This is something Angular has been missing for quite a lot of time and you have plenty of options in other frameworks. Anyway, I was wondering if there is a way to get all the icons from a single library such as Ionicons or any other, without having to import individually every single icon. Thanks! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Hi! Thank you very much, I'm glad you are finding it useful! Yes, you can indeed, you just need to import using import * as ionicons from '@ng-icons/ionicons';You then register the icons like this: provideIcons(ionicons)While convenient, be warned that icons individually imported to improve bundle size, importing all tabler icons will have an effect on you applications size: 
A better way might be to have an single Regardless, here is an example of how to import all icons. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks a lot for such a complete and fast response! |
Beta Was this translation helpful? Give feedback.
-
|
No problem 🙂 |
Beta Was this translation helpful? Give feedback.
Hi! Thank you very much, I'm glad you are finding it useful!
Yes, you can indeed, you just need to import using
*from the package:You then register the icons like this:
While convenient, be warned that icons individually imported to improve bundle size, importing all tabler icons will have an effect on you applications size:
A better way might be to have an single
provideIconsat the root of your application when add all icons you are actually using there, that way you only have to import them once rather than in every component/ng module. This would help with reducing the bundle size.Regardless, here is an example…