Riassumiamo gli icon web font

Le moderne tecniche di web design spingono sia chi deve creare un sito responsive (valido quindi sia per i dispositivi mobili che quelli desktop) e sia chi deve semplicemente fare una web app a fare i conti sulla velocità di caricamento delle pagine e sulla scalabilità e qualità delle immagini. L’ideale è poter disporre di immagini vettoriali, così da adattarsi automaticamente alle dimensioni del contesto. Ma non tutte le immagini si prestano a diventare vettoriali; in particolare si parla di quelle parti spesso dedicate a simboli per spingere il contesto; ad esempio le icone dei social network, frecce e freccine varie, pulsanti di play/pause ecc… L’idea che è venuta a molti, e che adesso si sta diffondendo sempre di più, è figurare le immagini come se fossero appartenenti ai caratteri di un font, o meglio di un web font. Per sua natura il font è vettoriale e scalabile e riconosciuto di base da tutti i browser che si adoperano per visualizzarlo al meglio. Così se dobbiamo visualizzare l’uccellino di Twitter ci basterà, per esempio, impostare un appropriato icon web font e scrivere una ‘T’ come testo per ottenere il risultato voluto. Esistono moltissimi icon web font, sia gratuiti che a pagamento e un articolo (oramai datato) pubblicato su Functionn, dove venivano presentati diversi icon web font, mi ha dato l’ispirazione a scrivere questo articolo. Di seguito metto link ed immagini degli icon font presentati su Functionn per completare l’articolo.

BBC GEL Icons

Licenza: Free

Brandico

Licenza: SIL Open Font License

Dingbests

Licenza: Free For Personal Use

Ding Dongs

Licenza: Free

Ding Maps

Licenza: Free For Personal Use

Dot Com

Licenza: Free For Personal Use

Elusive Icons For Twitter Bootstrap

Licenza: SIL Open Font License

The Entypo Pictogram Suite

Licenza: SIL Open Font License

Erler Dingbats

Licenza: Free (For Personal & Commercial Use)

Evilz

Licenza: Free (For Personal & Commercial Use)

Font Awesome

Licenza: CC Attribution 3.0 License

Foundation Icon Fonts 2

Licenza: MIT License

GeoBats

Licenza: Free For Personal Use

Glyphyx

Licenza: Free

Grands

Licenza: Free

Guifx v2 Transports

Licenza: Free For Personal Use

Handy Icons

Licenza: Free (For Personal & Commercial Use)

Hazard

Licenza: Free

Heydings Icons

Licenza: SIL Open Font License

IcoMoon

Licenza: CC Share Alike 3.0 License

Iconic

Licenza: CC Share Alike 3.0 License

ikoo Typo

Licenza: CC Share Alike 3.0 License

JustVector

Licenza: Free Art License

Ligature Symbols

Licenza: SIL Open Font License

Listicon

Licenza: Free (For Personal & Commercial Use)

Meteocons

Licenza: Free (For Both Personal & Commercial Use)

Modern Pictograms

Licenza: SIL Open Font License

Mun

Licenza: CC Attribution 3.0 License

Notice

Licenza: Free

OpenWeb Icons

Licenza: CC Unported 3.0 License

Peculiar

Licenza: GPL

Pictogramz

Licenza: Donationware, Free To Download

Pictonic

Licenza: Free (For Personal & Commercial Use)

PulsarJS

Licenza: SIL Open Font License

Raphaël Icon-Set Web Font

Licenza: MIT License

Santiago Icono

Licenza: Free

Signify Lite

Licenza: Free (For Personal & Commercial Use, With Attribution)

Siruca Pictograms

Licenza: CC Share Alike 3.0 License

Sosa

Licenza: Free (For Personal & Commercial Use)

Socialico

Licenza: Free (For Personal & Commercial Use)

StateFace

Licenza: MIT License

Symbly Lite

Licenza: CC Attribution Share Alike 3.0 License

Symbol Signs

Licenza: CC Attribution 3.0 License

Symbolix

Licenza: Free

Travelcons

Licenza: Free For Personal Use

Typicons

Licenza: CC Share Alike Unported 3.0 License

Web Symbols

Licenza: SIL Open Font License

Zocial CSS Social Buttons

Licenza: MIT License

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *