How to compensate for overlapping awesome fonts?

Question

Is there a way to combine the two Font Awesome icons so that it looks like a files icon in relation to a file icon? I don’t want to fold the badges, but I have one cover, like 50% another. Thanks!

Answer 1

Why not just use CSS add to offset one of the icons?

 <span class="fa-stack fa-lg"> <i class="fa fa-file fa-stack-2x"></i> <i class="fa fa-file fa-stack-2x" style="padding-left:15px;padding-top:15px;"></i> </span> 

Fiddle: http://jsfiddle.net/mwatz122/sx7fk582/