Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Iconos gratuitos HTML CSS

Para agregar iconos gratuitos a tu proyecto ir a: https://fontawesome.com/

  • Hacer clic en el menú: Icons
  • Tildar la opción Free
  • Seleccionar el icono
  • Copiar el codigo HTML (ej: <i class="fas fa-angle-down"></i>) y pegarlo en donde lo requiere tu proyecto 

    Ejemplo:
    <div class="info"><ul><li>ENVIAR A: ITALIA
    <i class="fas fa-angle-down">
    </i></li><li>IDIOMA: IT</li></ul></div>
  • Descargar las librerias: https://fontawesome.com/download  free for web
  • Abrir el archivo y copiar la carpeta llamada: webfonts y pegarla en la carpeta de la raíz del proyecto
  • Volver a la carpeta descargada y copiar el archivo llamado: all y pegarlo dentro de la carpeta css de tu proyecto
  • Llamar en tu HTML  el estilo agregado: <link href="css/all.css" rel="stylesheet">
Al tener los archivos correspondientes, cualquier icono de la pagina  fontawesome  pegado en tu proyecto debería de verse!



No hay comentarios:

Publicar un comentario