Have Two Font Awesome Icons in One i Tag

Question

I've been scouring the web, and I can't find an answer to this. Is there away to add two Font Awesome icons in one i tag?

I can do it if I put two i tags side by side, like this:

Good for: <i class="fa fa-male fa-2x"></i><i class=" fa fa-female fa-2x"></i>

So is there anyway to do this?

Answer 1

Glyph-based fonts like this generally function by changing the content of the element to a specific value, which the font picks up and renders as the appropriate glyph.

So it's unlikely that you'll be able to use a single tag to display both of them unless the library provides specific syntax for handling that behavior on it's own (similar to how Font Awesome uses stacking).