What are Material Icons?
Material design system icons are simple, modern, friendly, and sometimes quirky. Moreover, we created each icon using our design guidelines. Why? Because we wanted to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Consequently, they ensure readability and clarity at both large and small sizes. As a result, we optimised these icons for beautiful display on all common platforms and display resolutions.
What are they compatible with?
| Browser | Version Support |
| Google Chrome | 11 |
| Mozilla Firefox | 3.5 |
| Apple Safari | 5 |
| Microsoft IE | 10 |
| Opera | 15 |
| Apple MobileSafari | iOS 4.2 |
| Android Browser | 3.0 |
Where can I get them?
These icons are available on Google GitHub Page. Just click here to get them.
Web Font
The material icon font is the easiest way to incorporate material icons with web projects.
- 900+ icons all from a single, small file.
- Served from Google Web Font servers or can be self hosted.
- Supported by all modern web browsers.
- Colored, sized and positioned entirely with CSS.
- Vector-based: Looks great at any scale, retina displays, low-dpi display screens.
The icon font weighs in at only 42KB in its smallest woff2 format and 56KB in standard woff format. While, by comparison, the SVG files compressed with gzip will generally be around 62KB in size. However, you can reduce this considerably by compiling only the icons you need into a single SVG file with symbol sprites.
Installation and Usage
Find out more over at Google Material Icons Guide