title: How to include material icon library in Angular?
body: <p>(I refer this link <a href="https://github.com/angular/angular-cli/issues/2662" rel="nofollow noreferrer">Issue #2662</a> for that), I add CSS in <code>angular.json</code> and <code>import library instyle.css</code> It gives an error like :</p>
  <pre><code>./src/styles.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css)
  </code></pre>
  <p>What is the proper way to install material icon library in the local project in angular?</p>
  <pre><code>npm install material-design-icons-iconfont --save
  </code></pre>
  <p><code>angular.json</code></p>
  <pre><code>&quot;styles&quot;: [
    &quot;src/styles.css&quot;,
    &quot;../node_modules/material-design-icons/iconfont/material-icons.css&quot;,
  ],
  </code></pre>
  <p><code>style.css</code></p>
  <pre><code>@import &quot;~material-design-icons-iconfont/dist/material-design-icons&quot;;
  </code></pre>
  <p><code>index.html</code></p>
  <pre><code>&lt;link href=&quot;../material-design-icons-iconfont/dist/fonts/&quot; rel=&quot;stylesheet&quot;&gt;
  </code></pre>