Come inserire le icone nel mio sito gratis

In questo articolo ti spiego come inserire gratuitamente le icone di qualsiasi tipo, nel tuo sito, gratuitamente. Lo strumento per compiere questa operazione è il sito web di Font Awesome. Il sito non ti richiede di registrarti per usufruire dei contenuti, ma ti faccio notare che esiste una versione PRO con cui è possibile utilizzare più strumenti e più icone. Tuttavia la versione free è più che sufficiente per trovare delle ottime icone da importare nel tuo sito web e non solo.

Come usare il codice HTML per le icone

Sotto, i passaggi che ti consiglio di seguire per importare correttamente una qualsiasi icona sul tuo sito web.

Per prima cosa, usa la barra di ricerca (oppure usa il menu) per trovare l’icona che ti serve.
Una volta trovati i diversi risultati, usa il filtro sulla sinistra per selezionare solamente le icone gratuite, quindi con la scritta “Free”, a meno che tu non voglia comprare un piano premium, quindi per le icone “Pro”.
Fatto questo, clicca sull’icona che ti ispira maggiormente. Ogni icona consente di selezionare più di un aspetto, non sempre gratuitamente però, quindi fa attenzione.
Una volta scelta l’icona, clicca su “Star Using This Icon“.
A questo punto si apre un pop up che ti invita a copiare un semplice codice HTML, da incollare nel tuo sito web. Ovviamente, affinché il codice funzioni devi inserirlo in un blocco di codice, altrimenti rimarrà in formato testuale e il codice non si trasformerà in un’icona.

Inoltre, ti consiglio di usare questo comodissimo tool per trovare una qualsiasi icona dalla lista di tutte quelle disponibili al momento. Essendo codici in HTML in realtà non serve alcuno strumento per inserire le icone nel tuo sito: se impari i codici a memoria puoi essere autonomo. Tuttavia, dato che esistono siti web come i due che ho condiviso in questo articolo, non credo abbia senso farlo.

Ricorda che questo metodo funziona ovunque tu possa incollare dei codici in HTML, quindi non solamente sui siti web.

Sotto, un breve video tutorial dove ti spiego come usare il sito web di Font Awesome per trovare le icone migliori per te: