Durante la realizzazione di un sito arriva sempre il momento in cui è necessario utilizzare dei pacchetti di icone, ad esempio per linkare il profilo sui vari social network o per elencare i metodi di pagamento accettati.
Se stai realizzando un cms la scelta del giusto pacchetto di icone può addirittura diventare un problema. Infatti, poiché un generico cms ha molte funzioni alle quali associare l’icona adatta, a meno che tu non voglia prenderle a caso da google immagini, hai bisogno di pacchetti completi in grado di soddisfare le esigenze attuali (e future) del tuo cms.
Il fatto è che non sempre hai il tempo e la voglia di correre su internet per cercare l’icona adatta, anche perché sarebbe difficile trovarne una allineata allo stile di quelle che stai già utilizzando.
Quindi per non avere più preoccupazioni dai uno sguardo ai seguenti pacchetti di icone e scegli quelli più adatti alle tue esigenze!
Una panoramica dei pacchetti
I pacchetti veramente completi che ti eviteranno tutte le preoccupazioni sono:
- Fugue Icons, pacchetto completissimo
- FamFamFam Silk Icons, pacchetto completo anche se le icone sono meno della metà di quello precedente
- Social Network Icon Pack, icone di vari social network (alcuni non molto conosciuti)
- FamFamFam Flag Icons, le bandiere di tutti gli stati del mondo
- Chalkwork Payments, icone di varie carte di credito e metodi di pagamento
Per siti graficamente leggeri i 3 pacchetti seguenti hanno icone in bianco e nero (o scala di grigi), secondo me molto delicate e gradevoli:
Gli altri pacchetti per un motivo o per l’altro meritavano di essere segnalati.
Fugue Icons
Sia graficamente che per il gran numero di icone che contiene, questo è sicuramente il miglior pacchetto.
Sono in una doppia versione grafica (con e senza ombreggiatura) e il gran numero di icone permette di coprire molti ambiti.
Tuttavia, se non dovessero soddisfarti puoi sempre modificarle grazie ai file .psd inclusi nel pacchetto. Un consiglio: fatti un giro nei file .psd, esplora i livelli, guarda i vari elementi che compongono una singola icona… approfittane per imparare a disegnare le tue icone!
Dato che molte delle icone sono simili a quelle di sistemi operativi o famose applicazioni (es. microsoft word), ci sono concrete possibilità che gli utenti conoscano già la funzione associata, il ché fa guadagnare dei punticini in usabilità.
L’unica pecca che sento di segnalare sta nel fatto che, a differenza di altri pacchetti, non sono suddivise in directory e a volte è veramente dura trovare l’icona desiderata!
Url: http://www.pinvoke.com/
Numero di icone: 2360
Formati: psd, png
Dimensioni: 16 x 16
Licenza: http://creativecommons.org/licenses/by/3.0/
FamFamFam Silk Icons
Fortunatamente le icone di questo pacchetto si assomigliano a quelle precedenti, quindi, se non dovessi trovarne una potrai sempre cercarla nell’altro pacchetto (e viceversa).
Un po’ di tempo fa utilizzai queste icone e l’esperienza è stata molto positiva, grazie anche allo stile molto gradevole e ai colori non troppo forti.
Come il pacchetto precedente, il gran numero di icone permette di coprire molti ambiti e l’unica pecca sta nel fatto che, a differenza di altri pacchetti, non sono suddivise in directory ed è un po’ difficile sfogliarle.
Autore: Mark James
Url: http://www.famfamfam.com/lab/icons/silk/
Numero di icone: 1000
Formato: png
Dimensioni: 16 x 16
Licenza: http://creativecommons.org/licenses/by/3.0/
Led Icon Set v1.0
Graficamente tra le più belle, sono particolarmente indicate per applicazioni grafiche e di scrittura.
Autore: Aleksandr Kozmenko
Url: http://led24.de/iconset
Numero di icone: 512
Formato: png
Dimensioni: 16 x 16
Licenza: http://creativecommons.org/licenses/by-sa/3.0/
Splashy Icons
Abbastanza “piatte”, senza troppe ombreggiature e bordi ma con gradienti ben definiti.
Orientate per l’utilizzo in applicazioni “social” e multimediali.
Url: http://splashyfish.com/sketches/comments/splashy-icons-an-icon-library-for-prototyping/
Numero di icone: 512
Formati: png, MacOSx png
Dimensioni: 16 x 16
Flavour Icon set
Sono molto generiche: difficile stabilire in quali ambiti possano essere indispensabili.
Meritano di essere segnalate per la grafica molto curata ma soprattutto per la presenza di tutti i pulsanti della tastiera, a mio avviso difficili da trovare.
Autore: Oliver Twardowski
Url: http://www.smashingmagazine.com/2009/05/20/flavour-extended…
Numero di icone: 452
Formato: psd, png, MacOSx png
Dimensioni: 48 x 48
Licenza: uso personale e commerciale
Diagona Icons
Mi sembrano una specie di “evoluzione grafica” del pacchetto FamFamFam Silk Icons.
Secondo me sono molto adatte a blog e applicazioni “social”.
Url: http://www.pinvoke.com/
Numero di icone: 400
Formato: png
Dimensioni: 16 x 16, 10 x 10
Licenza: http://creativecommons.org/licenses/by-sa/3.0/
Mini Pixel Icons
Graficamente molto delicate, particolarmente adatte a siti di ecommerce data la presenza di carte di credito, borse, carrelli, stampanti, shopping bag, ecc.
Url: http://icondock.com/free/mini-pixel-icons
Numero di icone: 322
Formati: gif
Dimensioni: 14 x 14
Free Web Design Icon Set
Non hanno dei particolari campi di applicazione ma mi sono sembrate molto adatte per cms generici in quanto le icone presenti corrispondono alle più classiche funzioni di un cms, che secondo me sarebbero in grado di soddisfarle completamente.
Url: http://semlabs.co.uk/journal/free-web-design-icon-set
Numero di icone: 310
Formati: png
Dimensioni: 16 x 16
bwpx.icns
Questo pacchetto ha icone molto classiche, quindi adatte a cms generici.
Graficamente molto leggere ma originali. L’autore afferma che:
… ogni icona è stata accuratamente creata un pixel alla volta …
sarà vero? Quanta pazienza! 
Autore: Paul Armstrong
Url: http://paularmstrongdesigns.com/projects/bwpx-icns/
Numero di icone: 260
Formati: gif
Dimensioni: 18 x 18
Licenza: http://creativecommons.org/licenses/by-sa/3.0/us/
Mini Icons 2
Graficamente semplici, leggere e molto gradevoli sono particolarmente adatte ad applicazioni di scrittura.
Url: http://www.brandspankingnew.net/archive/2006/12/hohoho.html
Numero di icone: 113
Formato: gif
Dimensioni: 10 x 10
Licenza: http://creativecommons.org/licenses/by-sa/2.5/
Note: al momento della scrittura dell’articolo il link per il download non è funzionante; quindi scaricare l’immagine del post.
Mini Pixel Icon Set v.1.2
Semplici e leggere dal punto di vista grafico; l’autore ha pensato bene di adattarle alla dimensione, variandone leggermente il disegno.
Particolarmente adatte a siti di ecommerce e cms generici.
Autore: Paul Olyslager
Url: http://www.paulolyslager.com/free-mini-pixel-web-icons
Numero di icone: 111
Formati: gif, png, psd
Dimensioni: 25 x 25 (dimensioni e stili variabili)
Note: due versioni di design (con e senza antialiasing).
Tango Icon Library
Questo pacchetto di icone nasce per GNOME, ambiente desktop per Linux.
Credo che non possano essere la soluzione definitiva poiché, essendo orientate a sistemi operativi e applicazioni desktop, non hanno molte di quelle icone ampiamente utilizzate nelle comuni applicazioni web.
Tuttavia, meritano di essere segnalate per lo stile interessante ed originale e per la presenza dei file vettoriali .svg.
Url: http://tango.freedesktop.org/Tango_Icon_Library
Numero di icone: 215
Formati: svg, png
Dimensioni: 32 x 32, 22 x 22, 16 x 16
Twotiny Icon Set
Icone molto generiche, adatte a vari ambiti e, benché non siano tantissime, potrebbero essere una buona soluzione.
Url: http://code.google.com/p/twotiny/
Numero di icone: 122
Formati: gif, MacOSx
Dimensioni: variabili, mediamente 16 x 16
Licenza: http://dev.perl.org/licenses/
Note: nella pagina ci sono due pacchetti; il link per il download relativo a questo pacchetto è “twotiny-plus-expansion.zip”.
Social Network Icon Pack
Questo è in assoluto il pacchetto di icone “social” più famoso.
Almeno per quattro ragioni:
- è completo di tutti i principali social network (molti pacchetti di questo tipo non avevano addirittura l’icona di last.fm!)
- viene aggiornato spesso (c’è già l’icona di Google Wave)
- a differenza della maggior parte delle icone “social” non hanno uno
stile particolare e sono facilmente intonabili con qualsiasi grafica - sono molto fedeli al logo originale (molti pacchetti le personalizzano troppo al punto da non essere riconoscibili!)
Url: http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/
Numero di icone: 60
Formati: png, MacOSx png
Dimensioni: 32 x 32, 16 x 16
Licenza: http://creativecommons.org/licenses/by-sa/3.0/
Chalkwork Payments
In questo pacchetto sono presenti molte carte di credito, da quelle più famose a quelle più recenti o meno conosciute.
Di ogni icona, oltre all’icona base, ci sono 5 varianti (aggiungi, modifica, cancella, sicura, condividi).
Url: http://www.mezzoblue.com/icons/chalkwork/payments/
Numero di icone: 21
Formati: png, tif, gif, bmp, ico, icns
Dimensioni: 32 x 32, 24 x 24, 16 x 16
Licenza: http://www.mezzoblue.com/icons/license/
FamFamFam Flag Icons
Le bandiere di tutti gli stati del mondo in una grafica accettabile e sobria.
Autore: Mark James
Url: http://famfamfam.com/lab/icons/flags/
Numero di icone: 247
Formati: png, gif, MacOSx png, MacOSx gif
Dimensioni: 16 x 11
2s-space Emotions v2
Tante emoticons espressive, divertenti, alternative e ben disegnate. Mi ricordano tanto i cartoni animati giapponesi!
Autore: kirozeng
Url: http://kirozeng.deviantart.com/art/2s-space-Emotions-v2-72785912
Numero di icone: 20
Formati: png
Dimensioni: 256 x 256
PNGs Smilies for Wordpress
Questo pacchetto nasce con l’intento di rimpiazzare le emoticons di wordpress.
Rispetto a quelle di wordpress sono più morbide e gradevoli, anche se proprio per queste caratteristiche risulterebbero meno evidenti all’interno del testo. A te la scelta!
Autore: David Lanham
Url: http://vikiworks.com/2007/09/25/pngs-smilies-for-wordpress/
Numero di icone: 19
Formati: png
Dimensioni: 16 x 16
Licenza: http://creativecommons.org/licenses/by-sa/3.0/
Free smiles
Probabilmente starai pensando: “tutto qui?”. In realtà potremmo definirlo come il “framework degli emoticons“.
All’interno del pacchetto ci sono tutti i pezzi per realizzare le proprie emoticons.
Ho calcolato che con tutte le combinazioni dei diversi pezzi si avrebbero fino a 600 emoticons!
Se non ti va di utilizzare programmi di grafica puoi sempre andare su http://icojoy.com/lj/free/smiles/form.php, uno script in cui potrai comporre e scaricare l’emoticons in pochi secondi.
Url: http://www.icojoy.com/articles/18/
Numero di icone: 10
Formati: psd, png, gif, bmp
Dimensioni: 20 x 20
Problemi con i link?
Hai difficoltà a scaricare i pacchetti? Il sito o la pagina non è più disponibile? Nessun problema!
Io conservo tutti i pacchetti di questa lista. Quindi contattami e li metterò a disposizione per il download.
Perfavore, se qualche link non è più funzionante avvertimi e provvederò ad aggiornare l’articolo. Grazie.
