Which material Icons are included?

1

Hello guys,

I’m playing around with Icons, and realize that I do not know which material icons are included. While f7 icons are listed in the cheat sheet, I can’t find similar for Material icons.

For instance while material icon such as “home” and “info” seems available out of the box, the icon “sports_bar” listed at material.io, does now work.

Q: Any cheat sheet for included material icons?

Found in icons.css

  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
2

… maybe this will help:

3

npm install material-design-icons

4

This is a good place to find ready to use files:

5

I faced the same problem - wanted to use some Material icons, but they were not available. I tried to update the font files with ones I got from [GitHub - google/material-design-icons: Material Design icons by Google], but it didn’t work, I could not be able to use the new icons.

Is there any way to update the Material Icons used by Framework7?

6

Hello,

I downloaded files from

then edited icons.css file

icons-css

7

I’ve already tried this, doesn’t work. Still can’t use new icons.