search

somerandomdude / Iconic

A minimal set of icons in raster, vector and font formats — free for public use.
http://useiconic.com/open/
Other
2.37k stars 349 forks source link

Turning all raster icons into CSS3? #24

Closed ghost closed 9 years ago

ghost commented 11 years ago

Hi, I really like your icon set and thought that it would be a good idea to convert those icons (32x32 rasters) into CSS3. An example of this is at http://jsbin.com/ivonof/1.

Some people (me) don't want to use images nor fonts but do everything in code. I found a neat "Image to CSS3" converter and thought I'd convert some of your icons. It turned out pretty well. _Of course, this will never be the same great quality as images or fonts (although with higher dimension [say... 64x64 or 128x128] it might be good enough quality, however it will still be as pixelated as an image when zoomed in; icon fonts don't do that). Another disadvantage of CSS3 Icons is the resizability, or rather the lack of it; once you convert an image into CSS3 it stays that way, I don't think there is any way to resize it. Both rasters and fonts obviously have that ability. BUT; I made a little study and it seems like CSS3 Icons are faster than raster icons or font icons. Check it out here._

Hope this helps.

Rafal Chmiel, rafalchmiel.com

somerandomdude commented 11 years ago

Hey Rafal, I'm sorry - I didn't see your message until now. Apologies. I've been working on something along those lines - I should have something significant to show in the coming weeks/months.

ghost commented 11 years ago

Hi, no problem. Glad to hear it. Have a nice day!