How to use Google's Material Icons?

[oaklandGman]

Hi Gang … just learning the UI framework here, programming a hobby app using javascript / html, not using a dev environment.

I’m wondering if there’s a master list of which of Google’s Material Icons are implemented, or which are restricted?

Or is there a method to translate Google’s name for an icon into something Onsen understands?

For example Google’s icon “psychology” https://fonts.google.com/icons?selected=Material Icons Outlined%3Apsychology … how do I reference that from inside an ons-tabbar?

I have tried icon=“md-psychology” and icon=“material:md-psychology” and both come up empty. This is in my project, and also the doc’s live demo editor.

[emccorson]

The Material icons are Material Design Iconic Font v2.2.0.

The full list is here:
http://zavoloklom.github.io/material-design-iconic-font/cheatsheet.html

So that means that the icons don’t completely match up with the ones you linked, but hopefully you can find suitable ones there.

Come to think of it, I’m not sure why we don’t use the official ones. I will look into it…

[oaklandGman]

@emccorson thanks for the information!

I had been trying to use material.io, fonts.google.com and materialdesignicons.com with no luck. Guess “material design” isn’t really specific to one vendor, and of course, not cross compatible.