Mes liens
796 shaares
11 results
tagged
Icon
Icon Slayer generates all the icon sizes you need for iOS and Android apps.
Load your artwork into Icon Slayer, choose your options, then export for a tidy collection "ready to go" into your development environmen
Load your artwork into Icon Slayer, choose your options, then export for a tidy collection "ready to go" into your development environmen
The United Nations Office for the Coordination of Humanitarian affairs (OCHA) has created a set of 500 freely available humanitarian icons to help relief workers present emergency and crisis-related information quickly and simply.
When a disaster strikes, it is vital that the humanitarian community can gather reliable data on the locations and needs of affected people and who is best placed to assist them. This often involves the need to present complex information in a way that everyone can understand.
When a disaster strikes, it is vital that the humanitarian community can gather reliable data on the locations and needs of affected people and who is best placed to assist them. This often involves the need to present complex information in a way that everyone can understand.
Create a custom FontAwesome 3.0.2 icon-font kit with just the icons you want.
Qui n’a jamais galéré pour convertir correctement une bête image .PNG en fichier .ICO et vice et versa sans avoir de rendus horribles, de problèmes de tailles etc… ?
Alors bien sûr il existe une tonne de services web, de programmes, et de gadgets en tout genre permettant de faire ça, mais c’est généralement compliqué d’en trouver un qui soit simultanément bon, simple d’utilisation, sans inscription, sans installation, à la bonne taille, sans perte de qualité etc…
Or il se trouve que j’utilise cette perle rare depuis quelques années déjà, et que je me suis récemment apercu avec horreur que je n’en avais jamais parlé ici !! Mesdames et MesGeeks, sans faillir plus longtemps je vous présente : ToyCon
Alors bien sûr il existe une tonne de services web, de programmes, et de gadgets en tout genre permettant de faire ça, mais c’est généralement compliqué d’en trouver un qui soit simultanément bon, simple d’utilisation, sans inscription, sans installation, à la bonne taille, sans perte de qualité etc…
Or il se trouve que j’utilise cette perle rare depuis quelques années déjà, et que je me suis récemment apercu avec horreur que je n’en avais jamais parlé ici !! Mesdames et MesGeeks, sans faillir plus longtemps je vous présente : ToyCon
A few months ago I decided to recreate this website’s favicon to support retina-caliber displays. I found this trickier to accomplish than I anticipated, mainly due to a dearth of good ICO-savvy icon creation tools.
Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px. The lazy way to support retina is to replace your old 16 px favicon.ico file with a 32 px file, and allow non-retina browsers to scale the image. The proper solution, however, is to create a single favicon.ico file containing two icon resources: one 16 × 16, the other 32 × 32. ICO files support other resolutions as well, but I see no practical utility in doing so.
Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px. The lazy way to support retina is to replace your old 16 px favicon.ico file with a 32 px file, and allow non-retina browsers to scale the image. The proper solution, however, is to create a single favicon.ico file containing two icon resources: one 16 × 16, the other 32 × 32. ICO files support other resolutions as well, but I see no practical utility in doing so.
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects!
It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws.
If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font.
When downloading this font you'll also receive all the icons in .svg vector format so you can play with them, improve them and contribute them back on github
It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws.
If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font.
When downloading this font you'll also receive all the icons in .svg vector format so you can play with them, improve them and contribute them back on github
Gemicon is handcrafted icon set by Turqois, which there 3 different sizes (16, 32, 64). Each icon created with pixel-perfect shape layer on Photoshop. Download and get PNGs and PSDs file. Oh yes, it's FREE and suitable to implement here and there for your next awesome project!
Where are we at right now in terms of the best markup for using icon fonts? Let's cover some options I think are currently the best.
1. You want the icon to enhance a word
2. You want the icon to stand alone but still be functional or informational
And our major goals here are:
1. As good of semantics as we can get
2. As little awkwardness for screen readers as possible
This ground has been treaded before, but I think the following techniques are a small step forward.
1. You want the icon to enhance a word
2. You want the icon to stand alone but still be functional or informational
And our major goals here are:
1. As good of semantics as we can get
2. As little awkwardness for screen readers as possible
This ground has been treaded before, but I think the following techniques are a small step forward.
One div aims to highlight the potential of CSS3 through a library of single element logos.All icons displayed on the website are realised in pure css with only one html div. The challenge is also to provide an alternative to SVG. Indeed icons allow precise borders preserved even resized (As vector format). Then we can see a clear interest in responsive design.
Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.
Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).
Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).
IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts. Browse among thousands of pixel perfect icons or import your own vectors.