8 Great Free Icon Packs for Web Developers

It’s surprising how effective a couple of great icons can be. They add polish to an application and really ties the room together, so to speak. And while some applications really need a consistent look-and-feel and thus, custom icons for every single course of action, a lot of the time, there’s no sense in reinventing the wheel. Especially when there are royalty-free, attractive icons available in convenient, aesthetically-homogenous packs. Mmm, icon packs.

So we present to you a round up of a few free icon packs that you can use in your web pages and applications.

And if you haven’t already, make sure you take a look at Smashing Magazine‘s comprehensive, enormous icons post from earlier this month: 55 Free High Quality Icon Sets

Enjoy, but make sure you note the licensing attached to these sets; some are Creative Commons-Attribution or No-Commercial.

Silk Icons” and “Flag Icons” by Famfamfam
Mini Pixel Icons by N.Design
“”Twotiny” by Paul Jarvis
Crystal Clear” by Everaldo Coelho
bwpx.icns” by Paul Armstrong
Bitcons” and “Sanscons” by Some Random Dude
Web Application Icons Set” by WebAppers
Fugue” and “Diagona” by Yasuke Kamiyamane

Other Icon Websites

Note: Not all icons on the following sites are royalty-free!

Posted in: Cool Stuff, Design

Create Favicons for your Website with Free Utilities for Fun and Profit

Favicons Favicons started as a helpful icon identifier for websites back when you’d peruse your bookmarks and track down your favorites. Nowadays, they serve a much more useful purpose: they help brand your site both in browser tabs and in the address bar. Further, if you make use of Firefox’s Bookmarks Toolbar folder like I do, (called the “Links” folder on IE; it usually appears beneath the address bar) you can reduce each of the bookmarks to display just the favicon, allowing you to cram a bunch up there.

Favicon is short for “favorites icon”. A favicon is essentially a resource file in the Windows icon (.ico) format that is associated with a website. Even though the ICO filetype is Windows-based, Linux and Mac systems can still edit and serve them. Favicons are displayed by your browser as a 16×16 pixel image, but should be rendered as a 32×32 image that is then scaled down, as ICOs are scalable to 32×32 in some cases.

[It should be noted that 16x16 is an incredibly small canvas to work with. Chances are, you're going to need to abandon whatever supercool idea you have for a favicon—you're not going to be able to have a mythical dragon slaying a knight guided by a fairie. You might be able to get the dragon's eye. I'm just sayin'.—Ed]

The Windows icon format allows you to embed multiple files into one, so your favicon file should contain both sizes. Fortunately, there are great tools available to create these favicons, and they don’t cost a thing. Take a look at exactly how to make your favicon and links to the necessary tools after the jump.

Read More »

Posted in: Design, How To