How to prevent material icon text from showing up when Google's JS fails to convert them? : <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>
