title: Displaying fontawesome icons inside svg
body: <p>How I could display an fontawesome icon inside an svg snipet? I tried with the following but it doesn't work:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
  &lt;g&gt;
    &lt;rect x="0" y="0" width="100" height="100" fill="red" &gt;&lt;/rect&gt;
    &lt;text x="30" y="30" font-family="FontAwesome" font-size="20" fill="blue" &gt;&amp;#xf042;&lt;/text&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>The unicode <code>&amp;#xf042;</code> corresponds to the fa-adjust icon as can be found <a href="http://fortawesome.github.io/Font-Awesome/cheatsheet/" rel="noreferrer">here</a>. Also, How I could get the unicode from the icon's name?</p>