Cómo usar Font Awesome 6 Icons
"Fuente impresionante 6"Es el kit de herramientas que contiene un conjunto de íconos diferentes que los desarrolladores pueden usar para mostrar los iconos ya creados en la biblioteca Font Awesome 6 en las interfaces de la página web. El uso de Font Awesome 6 requiere agregar el enlace de descarga de Font Awesome 6 en el ""Etiqueta y luego simplemente agregando los nombres exactos de los iconos en el"" etiqueta. Ahorra el tiempo de los desarrolladores, ya que el uso de este kit de herramientas elimina la necesidad de dibujar los iconos en las interfaces.
Este artículo demostrará el método para usar los 6 iconos de Font Awesome 6 en HTML.
Cómo usar Font Awesome 6 Icons en HTML?
Hay miles de íconos disponibles en el "Fuente impresionante 6"Toolkit que los desarrolladores pueden agregar mientras codifican simplemente agregando los nombres de iconos válidos de" Font Awesome 6 "(como automóvil, campana, sobre y pulgares) en el""Etiqueta después de agregar el enlace de descarga de Font Awesome 6 en el"" etiqueta. Esto puede entenderse mejor con la ayuda de un ejemplo simple que contendrá algunos de los iconos de uso común.
Ejemplo
Para agregar la fuente impresionante 6 iconos en HTML, se requiere primero agregar la siguiente etiqueta de enlace en el código HTML "" o "":
En la declaración de código anterior:
-
- A ""Se ha agregado la etiqueta con el"rey"Atributo definido como"hoja de estilo".
- El "href"El atributo en la etiqueta tiene el enlace desde donde se descargarán los 6 iconos de Font Awesome 6.
Los desarrolladores pueden agregar cualquiera de los iconos de Font Awesome 6 en el HTML "en el HTML""Etiqueta dentro del cuerpo del código:
En el fragmento de código anterior:
-
- El ""Las etiquetas tienen las clases declaradas con el"fa"(Valores impresionantes de fuente) y los nombres de iconos válidos se escriben después de eso.
- Dentro de lo mismo ""Etiqueta, los atributos de estilo se agregan para agregar estilo CSS en línea.
- El tamaño de fuente para todos los ""Los iconos de la etiqueta se han definido como"50px"
- Se han especificado diferentes colores para diferentes iconos. Además, cuando no hay color definido para los iconos, el color predeterminado será "negro".
Los nombres de los iconos agregados en el fragmento de código mostrarán los iconos del "Fuente impresionante 6" biblioteca:
Así es como puedes usar el "Fuente impresionante 6"Para mostrar íconos en HTML.
Conclusión
El "Fuente impresionante 6"Los iconos se utilizan en un documento HTML agregando primero el""Etiqueta con el"href"Atributo en el cabezal o cuerpo de código que contiene el enlace a través del cual se deben descargar la fuente Awesome 6 Icons. Después de eso, los nombres válidos de todos los iconos disponibles del "Fuente impresionante 6"La biblioteca se puede agregar en el"Etiquetas para mostrar los iconos en la interfaz de salida.