Style pack Style Updated May 26, 2026

Material Icons

Google Material-aligned visual language sourced from Material Design Icons (MDI). 7,000+ icons in the Material idiom, ideal for Android-aligned products.

50 icons
3 libraries
All open-source
home page
user page
settings page
search page
bell page
heart page
mail page
phone page
calendar page
clock page
map-pin page
globe page
camera page
image page
video page
mic page
play page
pause page
music page
volume page
edit page
check page
x page
plus page
minus page
copy page
save page
trash page
download page
upload page
share page
link page
lock page
unlock page
eye page
filter page
grid page
list page
menu page
chevron-left page
chevron-right page
arrow-left page
arrow-right page
arrow-up page
arrow-down page
star page
bookmark page
shopping-cart page
wallet page
gift page
No icons match those filters.
50 icons shown · 0 in kit

About this pack

Material draws directly from the Pictogrammers community-maintained Material Design Icons library — over 7,000 SVGs in the official Material idiom plus thousands of vertical-specific glyphs Google's own set doesn't cover. Use this for Android-aligned products, Google Workspace tools, and any web app that wants to feel like part of the broader Material ecosystem.

Pack at a glance

CategoryStyle pack
TagStyle
Total icons50
Libraries3
Last updatedMay 26, 2026

Best for

Android apps
Google Workspace tools
Web apps following Material spec
Cross-platform Material UI

Style composition

14 outline36 filled

Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.

Libraries in this pack

Every glyph is drawn from a real open-source set — here's exactly how the 50 icons break down, with each license.

Material Design36 icons
by Pictogrammers
Apache 2.0
Tabler11 icons
by Paweł Kuna
Feather3 icons
by Cole Bemis

Licensing

Free for commercial use. This pack mixes 2 licenses across its 3 sources:

Apache 2.0Material Design
MITTabler, Feather
Icons via DownloadIcons (downloadicons.com). Material Design (Apache 2.0), Tabler (MIT), Feather (MIT).

Common questions

How many icons are in the Material pack?
50 icons, drawn from 3 open-source libraries: Material Design (36), Tabler (11), Feather (3).
Can I use these icons in commercial projects?
Yes. Every library in this pack is open source — Material Design under Apache 2.0; Tabler and Feather under MIT. Keep each library’s license text when redistributing source.
What formats can I export?
Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.
Do outline and filled icons behave differently?
This pack contains 14 outline and 36 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.
How is the kit saved?
Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.
Copied