Mod includes two icon sets:
- Lucide - A free library of line-based icons.
- Brands - A Mod-exclusive library of brand icons.
Lucide icons are delivered via an icon font and made accessible via the .mod-icon-<icon> prefix (e.g., .mod-icon-arrow-right).
Brand icons are delivered in two ways:
- For the black and white variant, as a CSS-styleable icon font, accessible via the
.mod-icon-brand-<brand>prefix. - For the color variant, as inlined-SVGs, accessible via the
.mod-icon-brand-<brand>-colorprefix.
Color Variants Require Suffix
If you wish to use the colorized variant of Mod's brand icons, make sure to add the -color suffix after the base icon class. Without this, you'll get the plain black-and-white variant.
Below, find a full list of the icons available with their respective Mod classes.
Lucide Icons
Mod supports the full set of icons made available as part of Lucide's icon font (pardon delays in adding new icons—feel free to nudge us).
Brand Icons
As hinted at above, Mod includes an exclusive, curated library of brand icons in two forms: black and white (styleable via CSS) and full color (not styleable).
If a brand you need is missing (in either variant), feel free to make a request.
Black + White
All icon classes displayed are assumed to be prefixed with mod-icon-brand.
Color
All color icon classes displayed are assumed to be prefixed with mod-icon-brand and suffixed with -color.