title: How do you use GitHub's primer and octicons?
body: <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>