Icones

Aprendreu a fer una llibreria d'icones que és segurament la més utilitzada del mon Font Awesome

Aquí tens algunes de les llibreries d'icones més populars:

• Font Awesome: És una llibreria d'icones de font que ofereix una àmplia gamma d'icones vectorials. És fàcil d'utilitzar i es pot integrar directament amb HTML i CSS.
• Material Icons: Desenvolupat per Google, aquest conjunt d'icones segueix les directrius del disseny de Material Design de Google. Són nítids i moderns.
• Ionicons: És una llibreria d'icones vectorials dissenyada per ser nítida, neta i petita. És fàcilment integrable amb aplicacions web i mòbils.
• Feather Icons: Aquesta és una llibreria d'icones minimalista i lleugera. És ideal per a projectes que requereixen un aspecte senzill i net.
• FontAwesome Pro: Aquesta és la versió professional de Font Awesome que ofereix encara més opcions d'icones i funcionalitats.
• Octicons: Desenvolupat per GitHub, aquest conjunt d'icones està dissenyat específicament per ser utilitzat en la interfície d'usuari del GitHub.
• IcoFont: Aquesta és una llibreria d'icones àmpliament utilitzada amb una gran varietat d'icones disponibles.

EXEMPLES D'ICONES

XARXES SOCIALS

ICONES SOLID

CDN

Font Awesome ofereix un CDN per poder importar llibreries i utilitzar els seves icones.

UN CDN (Content Delivering Network) és un servidor que té una còpia dels elements que estem sol·licitant utilitzar en la nostra web. Google, Facebook, Twitter o Font Awesome tenen unes llibreries accessibles des d'un servidor. Aquestes empreses tenen diferents servidors amb la mateixa informació i nosaltres quan fem la petició de la llibreria que volem descargar, ens redirecciona al servidor més proper i si aquest servidor està ocupat o no disponible, ens envia a un altre servidor.

CREACIÓ D'UN COMPTE A FONT AWESOME

Feu tots els passos per crear-vos una compte a Font Awesome :

1. Entreu a https://fontawesome.com/
2. Cliqueu a START FOR FREE
3. Poseu el vostre email de l'institut i cliqueu al botó "Send Kit Embed Code"
4. Aneu al vostre correu i cliqueu "Finish setting up your account"
5. Entreu a https://fontawesome.com/kits
6. Cliqueu a "Set up icons in a project with a 1 line of code"
7. Copieu la linia del script i el poseu entre les etiquetes head

BAIXAR LES ICONES