How to Get Free Material Design Icons from Google!

[deveerei]

_{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.

_{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.

_{Screenshot from Material}

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

_{Screenshot from Material}

• This contains a preview image as well:

Reveal spoiler

• You can select the size:

Reveal spoiler

• Select color, from black or white:

Reveal spoiler

• Download SVG file:

Reveal spoiler

• Download PNG file:

Reveal spoiler

• Use as an Icon Font:

Reveal spoiler

---

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

The PNG button will get you a zipped folder:

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

• Icons used for Android.

Reveal spoiler

• Icons used for iOS.

Reveal spoiler

• Icons for web.

Reveal spoiler

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

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

You can either use:

• Google Web Fonts or
• Self hosting

_{Screenshot from Material}

---

Posted on Utopian.io - Rewarding Open Source Contributors

---

Comments

[alfredotongco]

The internet is becoming a great venue wherein you can find stuff such as this one. I hope to become more literate when it comes to this technology so that I could use it as well. Thank you a lot dev!

[deveerei]

It is po. A lot of things are really useful and a lot are free over the web too.

[zararina]

Nice to know that those icons are opensource.

[deveerei]

Yes, good resources for people like me. :D

[rodeo670]

Man, I am so clueless these days when it comes to development and design...I used to be into it when I was much younger, like in my teenage years...but somewhere along the line I shifted from that mentality into consumer/frontend user mentality. :( Do you think it's still possible to retrain my brain to get back into it?

[deveerei]

I'm pretty sure it is. Creation is something our inner selves seek afterall in my opinion.

[hilltop]

This is wonderful, i will surely try it out. Instead going through all the stress coupled with paying for icons, I will give it a trial.
Bloggers come and maximize this opportunity.

[sangeeta]

this are very useful for users like me who wants their website.
Thanks again for sharing @deveerei

[jepu]

This will definitely come in handy the next time I have a designing project. Thanks for the info!

[dwaeji-aizelle]

This is very useful for web ui designing just a plug and play version thanks for sharing Dev! 💯

[jacinta.sevilla]

Nice icons

[yandot]

Wow really amazing your design bro!

[tjpezlo]

With sense

[deveerei]

Hahahaha.

[shreyasgune]

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

[epicdominic]

Great content! Thanks for sharing this. Oks lang po ba pa-follow back? Hehe. :)

[utopian-io]

Hey @deveerei I am @utopian-io. I have just upvoted you!

Achievements

• You are generating more rewards than average for this category. Super!;)
• Seems like you contribute quite often. AMAZING!

Suggestions

• Contribute more often to get higher and higher rewards. I wish to see you often!
• Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

• Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

• Vote for my Witness With SteemConnect
• Proxy vote to Utopian Witness with SteemConnect
• Or vote/proxy on Steemit Witnesses

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x