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.

  • 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

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