How to Get Free Material Design Icons from Google!

image.png
Screenshot from Material

Material is Google's design language. It is one of the most famous today because of Android (and basically, anything Google). Did you know that these icons are open sourced? So, that means you can definitely use them anywhere.

image.png
Screenshot from Material

Here's what their page looks:

Simply scroll to a category to find the icon that you will be needing, or use the search functionality.

image.png
Screenshot from Material

Click on an Icon to show the Options that you have for Download:

image.png
Screenshot from Material

  • This contains a preview image as well:

image.png

  • You can select the size:

image.png

  • Select color, from black or white:

image.png

  • Download SVG file:

image.png

  • Download PNG file:

image.png

  • Use as an Icon Font:

image.png


image.png

The SVG button downloads your file directly to your device as an SVG file:

image.png

The PNG button will get you a zipped folder:

image.png

Simply extract it for it to be usable, once you open the zipped file, here's what you will find:

image.png

  • Icons used for Android.

image.png

  • Icons used for iOS.

image.png

  • Icons for web.

image.png

image.png

Opening the Icon Font will give you instructions on how to use it, right on the same space.

image.png

The full instructions can be found here: Icon font for the web.

image.png

You can either use:

  • Google Web Fonts or
  • Self hosting

image.png
Screenshot from Material



Posted on Utopian.io - Rewarding Open Source Contributors