toggle-off font awesome icon

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

Actualmente, estoy usando la clase y el estilo anteriores para desactivar el icono

Quiero mostrarlo como se muestra a continuación.

enter image description here

¿Cómo puedo hacer eso?

Gracias de antemano.

0
Explorer 7 dic. 2020 a las 23:09

2 respuestas

La mejor respuesta

Con ese icono no puedes conseguir lo que quieres. Como alternativa, puede usar fas fa-toggle-on y rotarlo 180 grados. 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);
}
1
Velid Duranović 7 dic. 2020 a las 20:31
<span style="color: red">
    <i class="fa fa-toggle-off"></i>
</span>

Necesitarás usar algo como esto.

0
Joundill 7 dic. 2020 a las 20:33