# 图标遮罩

# 小心!

此功能要求您使用我们的SVG + JS版本的Font Awesome。

借助Font Awesome 5中SVG的强大功能,将两个图标结合起来可以创建一种单色形状! 将其与我们的强化变形结合使用可产生一些非常棒的效果。

当您想要显示背景色时,遮罩非常有用。 为了清晰,在示例中,我们在图标上添加了背景色,以便您可以看到效果。

table

      <div class="fa-4x">
        <i class="fas fa-pencil-alt" data-fa-transform="shrink-10 up-.5" data-fa-mask="fas fa-comment" style="background:MistyRose"></i>
        <i class="fab fa-facebook-f" data-fa-transform="shrink-3.5 down-1.6 right-1.25" data-fa-mask="fas fa-circle" style="background:MistyRose"></i>
        <i class="fas fa-headphones" data-fa-transform="shrink-6" data-fa-mask="fas fa-square" style="background:MistyRose"></i>
        <i class="fas fa-mask" data-fa-transform="shrink-3 up-1" data-fa-mask="fas fa-circle" style="background:MistyRose"></i>
      </div>

table