I'm having a strange problem of icons (from fontawesome) not showing up in my svg. They have always shown up on my local computer, so for a long time I didn't realize that something was wrong for other people.

For example, take a look at the first svg image on this post:
<http://falconair.github.io/2015/01/05/financial-exchange.html>

Where there are red and green "SELL" and BUY" words with prices and a bunch of boxes, there are actually supposed to be stick figures and other icons such as below:
[![enter image description here](https://i.stack.imgur.com/6t9cr.png)](https://i.stack.imgur.com/6t9cr.png)

One of the missing icons is this:
<http://fortawesome.github.io/Font-Awesome/icon/male/>

In the css, I'm including fontawesome css. In svg, I'm using the relevant unicode character. In fact, the first image has a giant \uf183 because I was attempting to type out the unicode instead of pasting the character.

Any ideas on what I'm doing wrong here? I'm obviously not a web developer and I created the images to illustrate a point and now I'm having to spend more time fiddling with the image than the actual content.