Google Material Icons

Component ID

2513252

Component name

Google Material Icons

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

This module provides integrations for Google Material Icons:

  • Icon provider, renderer and bundle for Icon API module.
  • theme_google_material_icon() theme function to display a single Google Material Icon.

About the icons

Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using the Google Material Design guidelines to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Ensuring readability and clarity at both large and small sizes, these icons have been optimized for beautiful display on all common platforms and display resolutions.

The material icon font is the easiest way to incorporate material icons with web projects. It packages all the material icons into a single font that takes advantage of the typographic rendering capabilities of modern browsers so that web developers can easily incorporate these icons with only a few lines of code.

Using the font is not only the most convenient method, but it is efficient and looks great:

  • 750+ icons all from a single download.
  • 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 contains 750+ icons and weighs in at only 40KB (woff2 format). In comparison, a ZIP file of these in SVGs will be more than 50% larger.

The Google Material Icons are created by Google and licensed under the Creative Common Attribution 4.0 International License (CC-BY 4.0).

More information