fa-rotate

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

The fa-rotate classes are used to rotate an icon by 90, 180, or 270 degrees.

  • 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

<i class="fas fa-cut"></i>
<i class="fas fa-cut fa-rotate-90"></i>
<i class="fas fa-cut fa-rotate-180"></i>
<i class="fas fa-cut fa-rotate-270"></i>

Font Awesome Rotate Examples

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