Add icon from FontAwesome to SVG <text>
<p>I'm trying to get the icons from FontAwesome to work in my SVG. And as I know the  tag which is normally used, is not supported by SVG. So how would I get the icons to be displayed?</p>

<p>Some of the code:</p>

<pre><code>&lt;g id="symbolsContainer"&gt;
    &lt;symbol class="icon icon-" id="icon-1" viewBox="0 0 40 40"&gt;
        &lt;text fill="#222" x="50%" y="50%" dy=".3em" text-anchor="middle" font-size="1.2em"&gt;&amp;#xf0c5;&lt;/text&gt;
    &lt;/symbol&gt;
&lt;/g&gt;
</code></pre>

<p>Stylesheet:</p>

<pre><code>svg text {
    font-family: FontAwesome;
}
</code></pre>

<p>When I use &amp;#xf0c5 ; to display it, it only shows a little error square. Is that because FontAwesome isn't correctly included?</p>

<p>I've tried to use <code>&lt;path&gt;</code>, and it worked, but the needed icons were not to be found.</p>