How do you use GitHub's primer and octicons?
<p>I'm trying to use GitHub's <a href="https://github.com/primer/primer" rel="nofollow noreferrer">primer</a> and <a href="https://github.com/primer/octicons" rel="nofollow noreferrer">octicons</a>. After using <code>npm</code> to install both I started using the css classes defined by GitHub by including the <code>build.css</code> file in my html document. How would I point the project towards all the svg icons that <code>octicons</code> gives me?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;!DOCTYPE html&gt;
    &lt;html lang="en"&gt;
    
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;Hello Primer&lt;/title&gt;
        &lt;link rel="stylesheet" href="node_modules/primer-css/build/build.css"&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
        &lt;form&gt;
            &lt;div class="input-group"&gt;
                &lt;input class="form-control" type="text" placeholder="Username"&gt;
                &lt;span class="input-group-button"&gt;
          &lt;button class="btn"&gt;
            &lt;span class="octicon octicon-clippy"&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;/span&gt;
            &lt;/div&gt;
        &lt;/form&gt;
    &lt;/body&gt;
    
    &lt;/html&gt;</code></pre>
</div>
</div>
</p>