Icônes météo – La ressource pour les Web designers climatologues

Icônes gratuites météo Climacons

Si vous êtes à la recherche d’icônes météo gratuites, cette ressource est faite pour vous.

Adam Whitcroft a mis au point la librairie de pictogrammes météo Climacons, qu’il a également adaptée en fonte au format TrueType et @font-face.

Les 75 icônes sont disponibles au format PSDEPSPNG et SVG. Chacune des icônes dispose de trois états : ordinaire, jour et nuit. De quoi satisfaire la plupart de vos problématiques météorologiques.^

Climacons icônes météo

Si vous souhaitez utiliser le kit d’icônes @font-face, téléchargez les fichiers (.EOT, .WOFF et .TTF) dans un répertoire de votre serveur et ajouter les lignes suivantes à votre feuille de styles :

@font-face {
font-family:'ClimaconsRegular';
src: url('fonts/climacons-webfont.eot');
src: url('fonts/climacons-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/climacons-webfont.woff') format('woff'),
url('fonts/climacons-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Télécharger les icônes gratuites Climacons.

(Image - Rob Vloemans)

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Designmodo Shop

Commentaires (3)

  1. Ping : La ressource pour les Web designers climatologues | Webdesign et développement Web | Scoop.it

  2. Ping : La ressource pour les Web designers climatologues | Webdesign et magie des Internets | Scoop.it

  3. Ping : La ressource pour les Web designers climatologues | Bon plans | Scoop.it

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page