title: How to prevent material icon text from showing up when Google's JS fails to convert them?
body: <p>How do you prevent material icon text from showing up when Google's JS fails to convert them to icons?</p>
  
  <p>Icons are defined in markup as such:</p>
  
  <pre><code>&lt;span class="material-icons"&gt;icon_name&lt;/span&gt;
  </code></pre>
  
  <p>Example: <a href="https://archive.fo/CKqKG/scr.png" rel="noreferrer">https://archive.fo/CKqKG/scr.png</a> (see the top row of buttons).</p>
  
  <p>Material Icons Documentation: <a href="https://material.io/icons/" rel="noreferrer">https://material.io/icons/</a></p>
  
  <p>This is also an issue in Google search where Google will actually read and save the div's text instead of ignoring it.</p>
  
  <p>Example: <a href="https://i.imgur.com/TixS06y.png" rel="noreferrer">https://i.imgur.com/TixS06y.png</a></p>
  
  <p>I understand that one solution is to simply switch to .PNGs (supplied by Google). I'd like to do whatever results in less (network) load on the user's system.</p>
  
  <p>Thanks!</p>