background preloader

ICONES

Facebook Twitter

Iconmonstr - Free simple icons for your next project. Icônes gratuites SVG, PNG, ICO ou ICNS. Photon Icons. AddToAny Share Buttons and Icons. The Stocks 2 - Best royalty free stock photos, videos, mockups, icons and fonts. Unicode Characters, Unicode Chart & Symbols. Material Design Icons, Material Icons, Contact Map Icons. Material Design Color, Flat Colors, Icons, Color Palette. 22 packs d'icônes de réseaux sociaux au top pour votre site. La sélection de 22 packs d’icônes de réseaux sociaux qui suit couvre plusieurs styles : flat, minimaliste, long-shadow avec également quelques sets d’icônes “à la main”.

22 packs d'icônes de réseaux sociaux au top pour votre site

Avec elle, vous devriez trouver le style d’icône qui correspond le mieux à votre site : celui qui attirera du clic tout en embellissant votre design ! La majorité d’entre eux sont éditables sous Illustrator, Photoshop et/ou Sketch. 1. Comment travailler avec des icônes en SVG. Un bel article de notre frenchie Florens Verschelde qui a fait le buzz et a été repris par l'excellent CSS-Tricks.

Comment travailler avec des icônes en SVG

Explications claires du process et réflexions pour aller plus loin. Par Florens Verschelde Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Elle répond à nos besoins, qui comprennent : Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript. Table des matières. Inline SVG vs Icon Fonts [CAGEMATCH] If you're building an icon system for a site, you have some options.

Inline SVG vs Icon Fonts [CAGEMATCH]

If you know the icons need to be raster images, then you'll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts. Let's compare. Icons are Vector There are big advantages to vector icons: resizable up and down without losing quality, extra sharp on retina displays, and small file size among them.

In a recent personal example, while converting some icons from fonts to SVG on CodePen, some of the font icons were noticeably less sharp than the ones I converted over. A font with icons, by Lensco.be. The Pros and Cons of Icon Fonts. Créer une police d’icônes facilement à partir d’illustrations vectorielles. Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web.

Créer une police d’icônes facilement à partir d’illustrations vectorielles

Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Accélérez vos polices d'icônes ! L'utilisation de polices personnalisées (webfont) se développe de plus en plus sur les sites web. notamment les sites développés en responsive design.

Accélérez vos polices d'icônes !

Elles se composent d'un ou plusieurs fichiers externes (EOT, SVG, TTF, WOFF) chargés via la déclaration font-face. L'utilisation de ces polices a même été "détournée" pour afficher des icônes, la plus connue étant Font-Awesome, popularisée par BootStrap. Mais il y a un problème de performance : quel est l'intérêt de charger des dizaines de Ko et 479 icônes pour au final utiliser 5 ou 6 icônes sur son site ? Voici donc un petit guide pratique pour optimiser le chargement d'une police d'icônes. Icomoon à la rescousse. We Love Icon Fonts. Sharp and clean symbols - GLYPHICONS.com. Noun Project - Icons for Everything. Noun Project Search. Transformicons: Animated Navigation Icons with CSS3. ICO (format de fichier) Un article de Wikipédia, l'encyclopédie libre.

ICO (format de fichier)

Pour les articles homonymes, voir ICO. Les fichiers de type ICO contiennent généralement plusieurs images de tailles différentes pour un affichage optimal en fonction de la taille et du nombre de couleurs supporté par le système utilisé.Les fichiers de type ICO prennent en charge les canaux alpha assurant la transparence de certaines couleurs.Les fichiers de type ICO ont une définition maximale de 256 × 256 pixels (les images au-delà du format 48 × 48 pixels ne sont visibles qu'à partir de Microsoft Windows Vista).

Néanmoins, ce format de fichier peut également se retrouver utilisé sur les sites web en tant que favicon. Microsoft Windows Vista assure le support et offre l'affichage d'icônes allant jusqu'à 256×256 pixels, soit la résolution maximale d'une icône. Icône (informatique) Un article de Wikipédia, l'encyclopédie libre.

Icône (informatique)

Pour les articles homonymes, voir Icône. Une[1] icône est un petit pictogramme représentant une action, un objet, un logiciel, un type de fichier, etc. Les icônes ont dans un premier temps servi d'outils pour rendre les interfaces utilisateur graphiques plus simples d'utilisation. Une icône est une image comme n'importe quelle autre.

Cependant, le terme « icône » désigne le plus souvent une image de taille relativement petite et dont le but est de représenter ou illustrer quelque chose.

FAVICON