Skip to content

Google releases Material Design icons on Google Fonts

Updated: at 09:31 PM

Google creates icons that use ligatures instead of CSS classes

Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our 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.

Instead of the syntax popularized by Bootstrap:

<i class="icon icon-thing"></i>

Google Material Design icons use ligatures:

<i class="material-icons">thing</i>

It’s a boon to screen readers.

Read more at google.github.io