Magma chiama un’icona con il suo slug: il set da cui viene, poi il suo nome. mds-icon e ogni componente con una prop icon ricevono uno slug e caricano il file SVG con quel nome; iconsauce scrive i file, oppure un font di icone con gli stessi nomi. Come usare le icone, e come arrivano in un prodotto:

Usare le iconeQuando un'icona aiuta, da quale set prenderla, come tenere un'icona per concetto, e cosa fare prima di disegnarne una nuova.Usare iconsauceLe icone con iconsauce, lo strumento che usa Magma: ogni icona come file SVG con il dump, oppure le icone dei tuoi sorgenti come font di icone.

Pacchetti

Tre set funzionano così, ognuno da un pacchetto suo: Maggiolimgg/<name>318@maggioli-design-system/svg-iconsMaterial Iconsmi/<style>/<name>2191 in ognuno dei 4 stili@material-icons/svgMaterial Design Iconsmdi/<name>7447@mdi/svg La pagina di ogni set elenca tutte le sue icone, una categoria alla volta, e la sua ricerca guarda in tutto il set, anche nei tag che il set dà alle sue icone. Un clic su un’icona copia il suo slug, oppure il markup che la usa. Le app che usano ancora il pacchetto icons legacy trovano i suoi nomi, ognuno con lo slug che lo sostituisce, in Pacchetto icons (legacy).