What this style means
Fill icons are filled icon variants — the same concepts as outline sets, rendered as solid shapes. IconStash classifies icons by style across all 28 indexed libraries, so you can hold the weight constant and compare how different design teams solve the same icon.
When to use them. Fill variants are the usual way to express state: outline for available, filled for active or selected. Because they mirror their outline counterparts, switching between them does not shift your layout.
Every icon below links to a page with the full SVG source, a live preview you can recolour and resize, PNG export at six sizes, and a ready-to-paste React snippet.
What are fill icons?
Fill icons are filled icon variants — the same concepts as outline sets, rendered as solid shapes. IconStash indexes 48,148 of them across 20 open-source libraries, so you can compare the same drawing style as interpreted by different design teams.
When should I use fill icons?
Fill variants are the usual way to express state: outline for available, filled for active or selected. Because they mirror their outline counterparts, switching between them does not shift your layout.
Which libraries include fill icons?
On IconStash the strongest coverage comes from Material Design Icons (10,015), Fluent UI Icons (9,457), Material Symbols (7,093). Open any library hub to see its full style range alongside install instructions.
Can I export fill icons as PNG?
Yes. Every icon on IconStash exports to PNG at 16, 32, 64, 128, 256, or 512 pixels, generated in the browser from the original vector so it stays crisp at any size. You can also copy the raw SVG, export a React component, or build an SVG sprite.
Are these fill icons free for commercial use?
The libraries indexed here are MIT, Apache 2.0, CC BY 4.0, or CC0 licensed, all of which permit commercial use. CC BY sets such as Solar Icons require attribution — check the license shown on each icon page if you cannot provide credit.