title: how to display materialize icons?
body: <p>I have simple html page and use materialize CSS framework. I want to use materialize icons. <code>&lt;head&gt;</code> tag contains </p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"&gt;&lt;/script&gt;
  &lt;link href="../css/materialize.css" rel="stylesheet"&gt;
  &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
  </code></pre>
  
  <p><code>&lt;body&gt;</code> contains:</p>
  
  <pre><code>&lt;div class="search-wrapper card"&gt;
     &lt;input id="search"&gt;
     &lt;i class="material-icons"&gt;search&lt;/i&gt;
     &lt;div class="search-results"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Page displays it as text, not icon</p>
  
  <p>if i put <code>&lt;i class="small mdi-action-search"&gt;&lt;/i&gt;</code> then it works.</p>
  
  <p>But i don't understand why <code>&lt;i class="material-icons"&gt;search&lt;/i&gt;</code> doesn't work.</p>
  
  <p>What should i do to make it works?</p>