title: How to add a Google icon font to pseudo :before
body: <p>I'm using Google's material design icon fonts.</p>
  
  <p>However I want to overlay one fone on top of another. The idea is to add a :before or :after element and style it something like this:</p>
  
  <pre><code>.material-icons:before
  {
      position:absolute;
      content:"";
      color:@accent-color;
      font-size:2.4rem;
  }
  </code></pre>
  
  <p>However, I'm not sure how to incorporate this: <code>&amp;#xE84E</code>; into the content attribute - I'm tried a number of ways as well as using a converter on CSS tricks (which doesn't seem to work).</p>
  
  <p>Any help appreciated.</p>