Magma names an icon by its slug: the set it comes from, then its name. mds-icon and every
component with an icon prop take a slug and load the SVG file of that name;
iconsauce writes the files, or an icon font with the same names.How to use the icons, and how they get into a product:
Using iconsWhen an icon helps, which set to take it from, how to keep one icon per concept, and what to do before drawing a new one.Using iconsauceIcons with iconsauce, the tool Magma uses: every icon as an SVG file with the dump, or the icons of your sources as an icon font.
Packages
Three sets work this way, each from a package of its own:Maggiolimgg/<name>318@maggioli-design-system/svg-iconsMaterial Iconsmi/<style>/<name>2,191 in each of 4 styles@material-icons/svgMaterial Design Iconsmdi/<name>7,447@mdi/svgThe page of each set lists all its icons, one category at a time, and its search looks
through the whole set, also by the tags the set gives its icons. A click on an icon copies
its slug, or the markup that uses it.Apps that still use the legacy icons package find its names, each with the slug that
replaces it, in Icons package (legacy).