¿Cómo disminuyo el tamaño de un ícono de fuente impresionante?

Solución:

Los íconos Font-Awesome, como su nombre indica, están basados ​​en fuentes. Esto significa que para disminuir su tamaño, todo lo que tiene que hacer es disminuir su font-size:

.fa {
    font-size: 12px;
}

Hay dos clases de Font Awesome para usar si necesita algo simple: fa-xs y fa-sm.

Los equivalentes de tamaño son:

• fa-xs: .75em
• fa-sm: .875em

Iconos de tamaño | Font Awesome (más información aquí)

Modificación del tamaño del icono de Font-Awesome:

1. Propiedad “font-size” en el atributo “style”:

    <i class="fas fa-search" style="font-size: 25px;"></i>
   

2. propiedad “font-size” en la hoja de estilo CSS (como muestra la respuesta aceptada)

    .fa {
        font-size: 12px;
    }
   

3. Etiquetas HTML

    <small>
        <i class="fas fa-search"></i>
    </small>
   

4. Usar clases de Fontawesome para que los íconos tomen un tamaño relativo a sus elementos principales:

    <i class="fas fa-search fa-sm"></i>
   
    <i class="fas fa-search fa-lg"></i>
   

---

---

Utiliza Nuestro Buscador