Skip to content
Magma Design System
Icons
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/svg The 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).
Modified 7 hours agoVittorio VittoriDesign System Architect
Created 2 weeks agoVittorio VittoriDesign System Architect