The fa-stack classes are used to stack icons on top of each other. The fa-stack class is used on the parent container. The fa-stack-1x class is used for the regularly sized icon. The fa-stack-2x class is used on the larger icon.


<span class="fa-stack fa-lg">
<i class="fas fa-bug fa-stack-1x"></i>
<i class="fas fa-ban fa-stack-2x" style="color:red;"></i>

Font Awesome Stack Example


Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn Open Source on Codecademy