Web Makers' Library
Icon Resources
An icon is an image that represents an application, a capability, or some other entity with meaning for a user. An icon is usually selectable, but can also be a nonselectable image (such as a company's logo). An icon can be used on a webpage as a hyperlink to other pages/applications, and can also be used on the browser tab or desktop to represent your website. Know what a "favicon" is? You will need to! Check out these resources for icon use on your website.
| Website | Description |
|---|---|
| Wikipedia-What is a favicon? | This explains what a favicon is, and how to use it on your website/page: en.wikipedia.org |
| Adobe blog-How to add a favicon to your website | A favicon is used to represent your website/page on the browser tab, or bookmark bar etc. Here is a fairly recent blog entry explaining how to add a favicon to your website: blogs.adobe.com |
| W3C-What is a favicon and how to add to your website | This is relatively old information (2005) on how to add a favicon-not sure it still works. BUT, there is a nice explanation of how to use a favicon, and what it is: www.w3.org |
| Dynamic Drive FavIcon generator | Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu: tools.dynamicdrive.com |
| Wedesignledger-Inspiring examples of icons in web design | WebDesignLedger.com has MANY great articles, here is one that will show you great examples of using icons in web design: webdesignledger.com |
| Free Credit Card Icons | Smashing magazine is offering free credit card icons for your website. Great for advertising which cards are accepted by a business, or for an ecommerce site: www.smashingmagazine.com |
| findicons | Findicons.com has loads of free icons, in various formats (e.g. .ico and .icns apple format). It also has some other features, like a file converter. Always check licensing agreement before using icons, even if they are free. Check it out here: findicons.com |
| iconarchive | Iconarchive.com boasts almost 450,000 icons, plus great ways for searching and browsing - lots are free! Be sure to check licensing agreements, as all do not allow commercial usage: www.iconarchive.com |
| Smashing Magazine-free icon sets | Smashing Magazine is always loaded with great freebies (check other blogs and sites for other freebies!). Here is a link to the search results page for icons: www.smashingmagazine.com |
| icondock | Icondock.com is a nice source for icons - mostly for purchase, but if you check the very top of the page in small writing, there is a link to some free icons: icondock.com |
| Microsoft Office Images | Mircosoft Office has a number of free icons: office.microsoft.com |