.design .design

Icônes gratuites en CSS3 – Télécharger la sélection fraîcheur 2012

Les propriétés CSS et CSS3 autorisent la création d'une multitude d'effets et de formes. Il est désormais possible de créer des icônes, des pictogrammes, des glyphes en quelques lignes de code. Le tout sans le recours à des images ou des scripts.

.design
.design

Pourquoi s’en priver. Dans cet article, vous trouverez des icônes gratuites en pure CSS et des nouvelles expériences de création en CSS3 à base d’icônes SWeb et fraîches.

Des effets auparavant réalisables uniquement via un logiciel peuvent être générés directement dans le navigateur. La rapidité d’affichage est ainsi augmentée et les requêtes serveur diminuées. Jugez-en par vous même en téléchargeant les nombreux kits gratuits d’icônes disponibles ci-dessous.

Social switchbook

Social switchbook

Un nuancier créé entièrement en CSS. Les icônes sont générées à partir de FontAwesome. Un bel essai de transform rotate.

Icône de paiement PayPal en pure CSS3

Icône de paiement PayPal en pure CSS3

Réalisée en un seul élément.

Icône PlayStation

Icône PlayStation

A vos manettes de Play CSS, la partie commence…

Icône cassette

Icône cassette

Vintage, old school, c’est comme vous voulez mais le rendu est exceptionnel.

Icône Blogger

Icône Blogger

Le logo de la plateforme de blogging Blogger en CSS.

Icône CSS mail

Icône CSS mail

Icône Mail avec un rendu 3D.

Icône iOS CSS Gameboy Nintendo

Icône iOS CSS Gameboy Nintendo

Une icône d’application iOS de la célèbre Gameboy de Nintendo.

Icône Prose.io

Icône Prose.io

Icône CSS Email

Icône CSS Email

Icône email en CSS, simple et efficace.

Icône timer cuisson

Icône timer cuisson

Une très belle réalisation d’un timer de cuisson en CSS.

Boutons et icônes CSS

Boutons et icônes CSS

Icône Gmail CSS3

Icône Gmail CSS3

L’icône Gmail en CSS3 composée d’un seul élément grâce aux propriétés :after et :before.

Icône 3D

Icône 3D

Icône Notepad++ nouveau fichier

Icône Notepad++ nouveau fichier

L’icône Nouveau fichier de l’éditeur Notepad++ uniquement en CSS.

Icône smartphone

Icône smartphone

Icône sphère animée

Icône sphère animée

La sphère terrestre est générée via l’emploi des data URI. Donc pas d’appel d’image. J’ai découvert il y a quelques jours un fabuleux outil afin de générer ses propres data URI à partir d’une image : duri.me.

Icône cloud storage

Icône cloud storage

Un nuage + de la CSS = une icône.

Icônes CSS3 monochromes

Icônes CSS3 monochromes

Un ensemble de 85+ icônes et glyphes gratuits créés en CSS3.

Icônes terminaux mobiles

Icônes terminaux mobiles

Un pack d’icônes en CSS inspirées du site iconmonstr.com/.

Kit pictogrammes CSS3 Peculiar

Kit pictogrammes CSS3 Peculiar

Un package de pictogrammes gratuits conçus uniquement en CSS. Créés pour convenir aux sites et applications Web nécessitant un minimum de requêtes HTTP ou ne pouvant pas contenir d’images. Le pack contient 45 pictogrammes de 16px. Si vous souhaitez développer des projets pour les écrans Retina iPhone 4s, iPhone 5 et iPad, ces pictos sont faits pour vous. Plus besoin de Photoshop pour les Webdesigners et les développeurs seront ébahis des performances d’affichage.

Icônes en pure CSS3

Icônes en pure CSS3

Une suite d’icônes social media en pure CSS3. Les chartes graphiques sont un peu vieillissantes mais elles constituent une très bonnes bases de travail pour les rendre tendances.

GUI Icônes Pure CSS

GUI Icônes Pure CSS

84 icônes pour vos interfaces graphiques réalisées en CSS et HTML en utilisant les pseudo-éléments.

UI navigation CSS3 + icônes

UI navigation CSS3 + icônes

Une série d’icônes en CSS3 incorporées à une barre de navigation fun.

Icônes iOS

Icônes iOS

Pas d’images, uniquement de la CSS pour ces magnifiques icônes iOS.

Social media icônes en pure CSS

Social media icônes en pure CSS

Aucune image, aucun JavaScript, un simple zeste de CSS.

Rather Splendid – icônes CSS

Rather Splendid - icônes CSS

Un partage d’expérience sur la réalisation d’un ensemble d’icônes en CSS utilisant intelligemment les border-radius.

Créer une icône document en CSS3

Créer une icône document en CSS3

Tutoriel vous présentant en détail la création d’une icône en pure CSS3.

42 boutons en CSS

42 boutons en CSS

Un ensemble de boutons en CSS accompagnés d’icônes.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer