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. 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. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow. Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal :
Créez vos pictogrammes sur mesure avec un logiciel gratuit Un nouveau logiciel permet de créer nos propres pictogrammes de manière simple, claire et cohérente. Utiliser des pictogrammes dans une carte mentale ou conceptuelle permet d'améliorer son impact visuel, son pouvoir d'évocation et de mémorisation. Nous touchons là au langage iconique, un aspect important pour la pensée visuelle et la communication à l'ère digitale. Iconion est un logiciel gratuit, compatible avec Mac et PC. Ses pictogrammes sont simples et évocateurs, exactement ce qu'il faut pour faciliter la navigation dans une carte mentale. Une fois téléchargé, nous disposons de plusieurs banques principales de pictogrammes, des images minimalistes et évocatrices que nous pouvons styliser à souhait avec la fenêtre d'édition (voir image ci-dessous). Les avantages Cohérence Comme c'est le cas avec les images à la main de Pictofigo, utiliser des éléments qui partagent un même style renforce la cohérence et simplifie la lecture des cartes. Aspect Flat Design
Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons Cosmo mini is a free version of Cosmo icons and includes 1566 icons in 40×40 sized pixel-perfect PNG + “testdrive” icons in PSD, AI, CSH, SVG, 60×60 sized PNG. All icons are monocolored and divided into following categories: Baby, Basic, Building, Culture, Devices, Documents, Education, Finance, Food 1-3, Holiday, Layout, Medicine, Mobile, Multimedia, Navigation, Player, Symbols, Transport, User, Weather, Work, Furniture, Appliance. License: These icons are free to use in any kind of commercial or non-commercial project unlimited times.Ammount of icons: 1566Sizes: 40×40File Types: .pngTestdrive file types: PSD, AI, CSH, SVG, 60×60 sized PNG. If you need vector and hi-res version of these icons you can buy them on Creative Market: Cosmo icons.
Icon Archive - Search 500,245 free icons, desktop icons, download icons, social icons, xp icons, vista icons Cikonss | Pure CSS Responsive Icons Icons DB - free custom icons 17 Useful & Fresh Tools for Web Designers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Despite the fact that there is a huge plethora of web tools that are available for the web developers and designers to help them with their work, designers and developers always need some fresh tool that can expedite their work flow. A useful tool is just like a blessing for the designer and for the web developer as well. Mailrox A web application to quickly build bulletproof HTML emails. BootMetro Simple and complete web UI framework to create web apps with Windows 8 Metro user interface. Spritebox Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. Tiny Fluid Grid The happy & awesome way to build fluid grid based websites. Sequence.js Sequence is the jQuery slider plugin with infinite style. TiltShift A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. Jarallax Favicon 0to255 Delta
5 sites d'icônes gratuits Aujourd’hui, j’ai décidé de partager avec vous quelques sites proposants des collections d’icône au format PNG, ICO, JPG ou encore GIF. Rien de tel qu’une belle image ou de jolies icônes pour une présentation, un site web… Internet est une vraie mine d’or. Après l’article 10 sites d’images gratuites et libres, je vous propose de retrouver ci-dessous 5 sites proposants des icônes gratuits dans différents formats et dans une multitude de tailles allant du 16*16 au 512*512… Avant de rentrer dans le vif du sujet, il existe un vrai débat sur le genre du mot icône : Féminin ou Masculin… Il semble que ce soit le féminin qui l’emporte, donc ne nous prenons pas la tête. PNGFactory : L’interface est élégante et le site en français. Icon Finder : Un de mes préférés… L’interface est sobre et fonctionne par recherche de mots clés. IconsDB : Celui-ci sort du lot car il est à mon sens destiné en priorité à ceux qui cherches des icônes personnalisables à volonté.
Home