MaterialDesign VS svelte-icons

I want to use the icons from https://materialdesignicons.com/ in my angular 4 project. The instructions on the website are only covering how to include it in Angular 1.x (https://materialdesignicons.com/getting-started)

Material Design Icons

Svelte Material Icons is an NPM package that gives you access to a large set of material icons as a Svelte-component, what makes integration much easier. In fact, the library offers even more icons than Googles official icon set, since they rely on materialdesignicons.com. Just run:

i hope i did this right.. i added https://materialdesignicons.com/ really nice with the svelte node pacakge

Instead of using Vuetify's default font icons, the project imports SVG icons from the mdi/js package at https://materialdesignicons.com. This saves approximately 1 MB in the final package.

https://materialdesignicons.com/ click on cheatsheet link...

Looks great. Might use them in my future projects. Currently I have been using Material Design Icons [0] for its broad icon gallery.

[0] https://materialdesignicons.com/

24. material design icons

for icons i'm using iconify (https://iconify.design/docs/icon-components/svelte/), but I'm looking forward svelte-icons (https://svelte-icons.vercel.app/) and lucide.dev looks as well

Svelte-Icons

Thanks! It's this git repo then https://github.com/Introvertuous/svelte-icons This library also sets the symbol via the name of the component, so creates a .svelte file for each component. I wonder if this is because it's not possible to set the symbol by a property like without importing the data of all possible icons..? Is that the case or could this be done and the 'one comp per icon' is just a matter of taste?