Determining Angular Material 2 icon ligature names
<p>How can I determine the ligature names for the icons within the Material Design icon set?</p>

<p>Repository:</p>

<p><a href="https://github.com/google/material-design-icons" rel="nofollow">https://github.com/google/material-design-icons</a></p>

<p>Documentation:</p>

<p><a href="https://design.google.com/icons/" rel="nofollow">https://design.google.com/icons/</a></p>

<p>The documentation lists the icons with a name below each - but the documentation doesn't provide instructions for how to reference each icon from within your application.</p>

<p>I guessed the following with mixed results:</p>

<p><code>&lt;md-icon&gt;close&lt;/md-icon&gt;</code> works - an <code>X</code> icon is shown</p>

<p><code>&lt;md-icon&gt;help outline&lt;/md-icon&gt;</code> fails - the word <code>help</code> is shown</p>