title: Add google material design icon in css pseudo :after content
body: <p>I just wanted do add some of googles material design <a href="https://www.google.com/design/icons/" rel="noreferrer">icons</a> to the content of a link on hover:</p>
  
  <pre><code>a:hover::after {
      content: "&lt;i class="material-icons"&gt;link&lt;/i&gt;"
  }
  </code></pre>
  
  <p>but it does not work, please see my <a href="https://jsfiddle.net/sebastian_s/e8dhLhyn/" rel="noreferrer">fiddle</a>.</p>