Iconos

Herramientas de IA

Añada iconos de Font Awesome a sus páginas. Se carga Font Awesome 7 Free, que ofrece los estilos Solid, Regular y Brands.

¿Cómo añadir un icono?

Para añadir un icono, empiece a escribir "/" y elija Icon en la lista de bloques en línea.

Para colocar un icono junto a una entrada en el índice de navegación, consulte Iconos de índice.

Ejemplos de iconos

  • Base de datos

  • Usuario

Aplicar estilos a los iconos

⭐
Available in Pro Projects

Para aplicar estilos a los iconos, puede proporcionar CSS en CSS personalizado e indicar la clase utilizada en la opción Classes al editar el icono. Por ejemplo:

  • Icono con el color primario (ya disponible) al aplicar la clase primary-text.

  • Icono con el fondo primario (ya disponible) al aplicar la clase primary-background.

  • Icono con un color de fondo diferente mediante el siguiente CSS:

.custom-icon.blue-bg { background: blue; color: white; padding: 2px; }


inline-blocks
  Última actualización por Zaid Daba'een