Material Icon not showing

1

Hi all,

Why is material icon “heart-circle” not showing in the below code segment. The other two are showing!

thanks

2

these are the codes:

 <div class="wrapper">
          <p>
            <f7-icon material="cancel" color="red"></f7-icon>
            <f7-icon material="stars" color="blue"></f7-icon>
            <f7-icon material="heart-circle" color="green"></f7-icon>
          </p>
        </div
3

material does not have heart-circle icon, its framework7 icon and its heart_circle with underscore:
<f7-icon f7="heart_circle" color="green"></f7-icon>

1 Like
4

Thanks it worked. But how can I know an icon belongs to f7 and not material?

5

there are links to both material and f7 icon list in documents.

F7 icons And Material icons

1 Like
6

Thanks for the clarification and support.