Google Icons

Google icons in iOS, Material, Windows, and other design styles

Get free icons of Google in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. The free images are pixel perfect to fit your design and available in both png and vector. Download icons in all formats or edit them for your designs.

How to use

To use the Google icons, add the following line inside the  section of your HTML page:

Note: No downloading or installation is required!

Add the material-icons class to an inline element and insert the icon's name:

Google icons are designed to be used with inline elements. The  and  elements are widely used for icons.

Note: Material icons are 24px by default.

Also note that if you change the color of the icon's container, the color of the icon changes too. Same things goes for shadow, and anything else that gets inherited using CSS. The exception is the CSS font-size property, which is always 24px, unless something else is specified.

Sizable Icons

Although the material icons can be scaled to any size, the recommended font-size is either 18, 24, 36 or 48px: