fa-stack

BrandonDusch's avatar
BrandonDusch's avatar
BrandonDusch
Published Aug 1, 2022Updated Oct 14, 2022
Contribute to Docs

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.

Example

<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>
</span>

Font Awesome Stack Example

All contributors

Contribute to Docs

Learn Open Source on Codecademy

Career path

Front-End Engineer

Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
Includes 34 Courses
With Professional Certification
Beginner Friendly
115 hours
Free course

Learn CSS

In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Beginner Friendly
6 hours