title: Including FontAwesome icons into SVG
body: <p>I'd made all that Duopixes said in <a href="https://stackoverflow.com/questions/14984007/how-do-i-include-a-font-awesome-icon-in-my-svg/14986420#14986420">this question</a> but it didn't help. The icon shows as text still.
  Here my HTML:</p>
  
  <pre><code>&lt;g class="info-container" transform="translate(240,283)"&gt;
      &lt;text class="svg-icon" x="-60" y="0"&gt;&amp;#xf040&lt;/text&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>.svg-icon{
      font-family: FontAwesome;
    }
  </code></pre>
  
  <p>The style is applied to the text element and FontAwesome.css is attached to the page. What I've done wrong?</p>
  
  <p><strong>UPDATE:</strong>
  I'm creating svg-elements via D3.js library. And that was the point. </p>