# 旋转

有时您需要旋转、翻转或镜像图标才能在项目或设计中达到期望的效果。 我们提供了一些快速实用的工具来帮助您解决此问题。

若要任意旋转和翻转图标,请在引用图标时使用fa-rotate- *和fa-flip- *类。

      <div class="fa-4x">
        <i class="fas fa-snowboarding"></i>
        <i class="fas fa-snowboarding fa-rotate-90"></i>
        <i class="fas fa-snowboarding fa-rotate-180"></i>
        <i class="fas fa-snowboarding fa-rotate-270"></i>
        <i class="fas fa-snowboarding fa-flip-horizontal"></i>
        <i class="fas fa-snowboarding fa-flip-vertical"></i>
        <i class="fas fa-snowboarding fa-flip-both"></i>
      </div>

# 旋转类

table

# 旋转时需要更多控制吗?

我们的SVG + JS框架包含一个强大的转换功能,更精细地旋转图标! 如果您打算这样使用Font Awesome,那就试试看。