1

Agregar iconos a tu proyecto

Gonzalo
gonzocd
18202

Los iconos son super importantes cuando hacemos proyectos y hay muchas páginas que para usar iconos en nuestros proyectos, una de las páginas más usadas es Font awesome.
Ya que estas en Font awesome lo primero que te va a pedir es tu email para poder crear tu kit, ya que hayas puesto tu correo le das click a send kit code. El kit es lo que te va a permitir usar el icono en html.
Font awesome.png
Ya que tienes tu kit lo vas a copiar en head de tu html (los números y letras raras son el nombre del kit).
kit.png
Ya pegado en el head
kit pegado_LI.jpg
Ya pegado el kit en el head buscas el icono que te gustaría usar en Font awesome
iconos.png
Ya que le diste click y escogiste el icono que quieres usar, vas a copiar su código de html
Free Icons _ Font Awesome - Google Chrome 29_12_2020 08_28_55 p. m._LI.jpg

El código html que copiaste del icono lo vas a pegar en la parte del html donde lo quieres usar, puedes poner dentro de una etiqueta span y al span darle una clase para que le puedas dar estilos al icono
google.html - clon google - Visual Studio Code 29_12_2020 08_33_20 p. m..png
Listo ya sabes como usar iconos en tus proyectos

Escribe tu comentario
+ 2