Icônes

CSS

Une excellente manière d’utiliser des icônes est de les définir uniquement avec du CSS. Iconify propose du support pour beaucoup d’ensembles populaires d’icônes pouvant être inclus via CSS. Cette méthode peut également être utilisée avec des frameworks CSS populaires en se servant des plugins Tailwind CSS plugin ou UnoCSS plugin. À la différence de librairies basées sur des composants Svelte, cette méthode ne nécessite pas que chaque icône soit importée dans votre fichier .svelte.

Svelte

Il y a beaucoup de librairies d’icônes pour Svelte. Lorsque vous choisissez une librairie d’icônes, il est recommandé d’éviter que celles-ci fournissent un fichier .svelte par icône, car ces librairies peut avoir des milliers de fichiers .svelte qui ralentissent beaucoup le processus d’optimisation de dépendances de Vite. Ceci peut devenir particulièrement pathologique si les icônes sont importées à la fois via des imports “parapluie” et par des imports “subpaths”, comme décrit dans la FÀQ de vite-plugin-svelte.