我们可以在 font awesome 的关闭图标中填充颜色吗？

Question

<i class="fa fa-toggle-off" style="color:red" ></i>

目前，我正在使用上面的 class 和关闭图标的样式

我要显示如下图

我该怎么做？

提前致谢。

Answer 1

<span style="color: red">
    <i class="fa fa-toggle-off"></i>
</span>

你需要使用这样的东西。

Answer 2

用那个图标你得不到你想要的。 或者，您可以使用 fas fa-toggle-on 并将其旋转 180 度。 CodePen: https://codepen.io/kitchup/pen/yYeMXE

//HTML
<span class="toggle-off">
  <i class="fas fa-toggle-on"></i>  
</span>

//CSS
.toggle-off{
  display: inline-block;
  font-size: 30px;
  color: red;
  transform: rotate(180deg);
}