CODEWITHSUNDEEP
angularjsangular-materialgoogle-material-icons
user1242321
user1242321

Reputation: 1696

Angular Material md-icon usage

I am trying to use the md-icon in my app as per the documentation given here. However I am only able to get working with the type of syntax: 

<i class="material-icons ng-scope">search</i>

The other usage type 

<md-icon md-font-icon="search" alt="search"></md-icon>
<md-icon md-font-icon="icon-magnify" class="icon"></md-icon>

does not load anything.

I have already loaded the material fonts with

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Though I can get the work done with the first syntax; I am interested to know what am I doing wrong that the second syntax is not working, while it should work perfectly as per the documentation.

Upvotes: 0

Views: 637

Answers (1)

Sajeetharan
Sajeetharan

Reputation: 222722

Probably you are not loading them inside the correct element,

Here is a sample,

  <md-button aria-label="Search" type="submit">
  <md-icon md-font-icon="search">search</md-icon> 
  </md-button>

DEMO

Upvotes: 1

Related Questions