Filled Material Icons
Open source Material Symbols by Google. Viewer by Colton Griffith
NOT AFFILIATED WITH GOOGLE, IN ANY WAY
Featured project
Filled Material Symbols
Every Material Symbol has a fill axis. At fill 0 you get the outlined drawing; at fill 1 the enclosed shapes are solid. The filled versions read as "on", "selected" or "active", so a common pattern is outlined icons in navigation and the filled version for the current page — a bookmark that fills in once it's saved.
In the icon font, turn it on with font-variation-settings: "FILL" 1. As SVG, the filled files end in -fill.svg (for example @material-symbols/svg-400/outlined/home-fill.svg). Open any icon for the filled version in the rounded and sharp styles and at every weight, or read the guide to fill, weight, grade and optical size.