Site icon #Olybop

14 sites pour trouver des « Icons Fonts » Gratuites

Les icons fonts ou typographies incluant des icônes en guise de caractères typographiques est de plus en plus tendance. Pour plusieurs raisons évidentes, elles sont intégrées aux designs de sites internet. Nous en avions parlé dans un dossier  : Comment intégrer des icons fonts à votre site. Aujourd’hui nous allons vous fournir quelques sites qui vous permettront de trouver des ressources gratuites pour vos créations.

Comme nous l’avions évoqués dans l’article précédent, les icons fonts sont des caractères typographiques vectoriels, légers et facilement intégrables. On pouvait déjà optimiser le temps de chargement d’un site internet en utilisant les sprites pour regrouper toutes les icônes sur une seule et même image (temps de chargement diminué, chargement unique de l’image en la mettant en cache long…) mais là c’est uniquement un seul chargement de typographie sur votre site qui vous permet d’utiliser des dizaines (voir centaines) d’icônes à la fois.

Les bénéfices des « Icons Fonts »

Temps de chargement faible, Personnalisation des couleurs en CSS, Qualité vectorielle dans toutes les tailles, Quantité chargé…, Transparence, ombres…, Compatibilité navigateur (Ie6, ie7…)

Autant de chose qui permet une grande souplesse dans ses créations. Cela convient parfaitement dans un flat design par exemple. Il est donc assez facile de trouver des ressources sur le net mais pour vous faciliter la tache, en voici 10 à bookmarker.

Des « Icons Fonts » Gratuites

Font Awesome – Lien

icons font – fortawesome

Fontello – Lien

icons font – fontello

modern-pictograms – Lien

icons font – modern pictos

Pictonic – Lien

icons font – pictonic

Pictos.cc – Lien

icons font – pictos

foundation-icons – Lien

icons font – playground

Typoicons – Lien

icons font – typoicons

 Weloveiconfonts – Lien

icons font -weloveiconfonts

Fontastic – Lien

icons font – fontastic

Iconmoon – Lien

icons font – icomoon

 TenbyTwenty – Lien

icons font – tenbytwenty

 Iconic – Lien

icons font – iconic

Entypo – Lien

icons font – entypo

Social Media Icons – Lien

icons font – social icons

Quitter la version mobile