tripwire magazine » Icons

17 Best Icon Resources for Mobile Web Design

vail — Mon, 08 Aug 2011 05:17:31 +0000

A stunning and eye-catching icon is an asset to any web design, but icons used in Mobile Web Design become an essential part of the user interface. What makes a mobile icon effective and stimulating is a large shape, unique visual style and the ability to communicate its intended use clearly, without requiring a lot of additional context. Free web elements, especially beautiful icon resources, can be found in nearly every designer’s toolbox. Below are 17 stand-out and free icon resources you can add to your own toolbox to aid in designing brilliant mobile apps and websites. Each set is licensed under a Creative Commons license.

The Ultimate Free Web Designer’s Icon Set

What a better way to start off than with this incredible pack of over 750 free icons (48×48px) from Addicted to Coffee and Smashing Magazine. The set includes web application icons, user interface icons, e-commerce icons, general use icons, desktop icons, and more, provided to you in PNG and PSD formats.

Glossy Free Icon Set

This free icon set from productivedreams has 20 semi-transparent glossy icons, ideal for web app design.

Cutie

Cutie is a pack of 20 high quality PNG icons from dryicons, available in five sizes. As a bonus, the AI source files are also included. The enchanting design and large size make this a great set for general web navigation.

Developers Icons

This fantastic all-purpose set contains 105 icons in PNG format, designed to help you create your own unique set.

Designers Portfolio Icon Pack

A totally unique set with 12 elegant high-quality perfect for designers who want to create a stunning mobile site to show off their own work.

PNG Mobile App Icons

This package includes an amazing assortment of iPhone/iPad icons for a total of 40 icons with 11 alternate styles.

PixeloPhelia1: 66 PNG icons

PixeloPhelia offers several sets of clean, stylish icons, with incredible usability range.

PixeloPhilia2: 44 PNG Icons

Mobile Icon Set

This set is absolutely perfect for mobile application design and contains 10 PNG icons in four sizes.

Gesturecons

These vector based icons were created to aid in the design, development, implementation and promotion of multi-touch interfaces.

Token

One of the most popular icon “frameworks” around, Token offers 128 simple and minimal icon designs, each available in dark and light variants. The pack is available in ICO and PNG, with a layered PSD and included tutorial for how to create your own matching additions.

Glyphish

Created by Joseph Wain. Glyphish is carefully optimized for iPhone & iPad apps, but they’re also perfect for Android or any mobile web application.

Retina Display

TWG Group built this stylish icon framework specifically for Retina display. Each icon is now available at 3 sizes.

Android Developer Kit

This set includes a huge variety of handcrafted Android developer icons in 7 colors, created to enhance any application.

Dezinerfolio Mobile App Icons

Here is another clean and elegant set of 30 free apple-inspired vector icons. The download contains both PNG and PSD resources.

App-Bits Tab-Bar Icons

The final icon set on our list has been carefully designed with pixel perfection for optimal display on both normal and high resolution iOS devices.

RawApps iPad Icon Set

Created for iPhone and iPad apps, designers can easily adapt the vector resources within this icon pack to any mobile web application project.

Author : Vail

Vail is a long-time writer, designer and copy editor with a vibrant background in corporate business writing, music journalism and internet media design. Since 1996, her articles and photography have been published in various music magazines, poetry compilations, and business publications. When she is not hard at work designing something, she loves writing for Wix.com, which has recently launched their mobile website builder.

385+ Best Youtube Icon Collections

Lars — Thu, 07 Apr 2011 05:09:01 +0000

The Youtube icon is well know and instantly communicates to website visitors that you have a related youtube channel. Now the power of youtube is not to be underestimated and if you deliver good content it can give you tenfold back in traffic and exposure. In fact the site had around 2 billion views per day in may 2010 and there a 24 hours of video uploaded every minute. The stats are breathtaking and everyone serious online should consider how to use youtube in marketing and traffic generation. In this article you will find an endless supply if nice youtube icons for your web site.

272 You Tube Social Networking Icons

81 youtube icons

16 youtube icons

10 Youtube Icons

YouTube Icon

50 Fresh Useful Icon Sets For Your Next Design

Not only youtube icons but the social section is a really good place to look.

OK if you cant find what you are looking for here I recommend that you create you own icons. It is not that hard really if you know the basic tricks.

This article will help you get started. 70+ Excellent Photoshop and Illustrator Icon Tutorials

70+ Excellent Photoshop and Illustrator Icon Tutorials

Lars — Sat, 11 Sep 2010 09:08:21 +0000

Icons can be used effectively almost everywhere in design to send a clear message or assist users to navigate. Some Icons are detailed to a degree that makes them look almost photographs while others are the simplest possible drawings. You are probably aware that there are tons of icons available both for free or on commercial license to cover nearly any you may have. However if you cant find the perfect match you still have the option to create the icon yourself. Mastering the required techniques in either Illustrator or Photoshop needed to create Icons can be really useful and with a bit of practice it is not that hard. In this article tripwire magazine provides a list of more than 70 great tutorials and articles to get you started creating your own Icons. The article has been split up in 3 sections – Photoshop Tutorials, Illustrator Tutorials and Useful articles in Icon design.

Before you jump right into designing your own icons make sure you know the pitfalls. 10 Mistakes in Icon Design provides great general advice on what mistakes you should avoid. You will find more resources like this at the end of this article.

Index

Photoshop Icon Design Tutorials

Illustrator Icon Design Tutorials

Icon Design Articles and General Tips

Photoshop Icon Design Tutorials

Shiny Lock Icon Design Tutorial

Create a great looking lock with excellent metallic effects.

Create a Realistic iMac Icon in Photoshop

There is a lot that you can do in Photoshop with just a few select tools. Today, we will demonstrate how to create a realistic iMac icon in Photoshop that includes a 27-inch screen, a keyboard, and a mouse.

Create a Glossy Volt Icon in Photoshop

This is an inspiration from the Bolt movie poster. In this tutorial you will create a glossy thunder logo using a few layers and some white shapes that will make the thunder more interesting and glossy.

Photoshop Laser Printer Icon Tutorial

How to Create Photoshop Laser Printer Mode

Create a Shiny Lock Icon Design in Photoshop

A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!

Design a Detailed Compass Icon in Photoshop

Another drawing tutorial for icon lovers in which we’ll be illustrating a metallic compass. You will learn how to be controlling shadow and reflection to add realism to the illustration. As with any icon design, it’s a combination of the overall design and subtle details that gives quality results.

Under Construction Helmet Icon Tutorial

In this tutorial, we’ll be creating our very own icon from a photograph. The tutorial is published by psdtuts and it is of exceptionally high quality and may be used as inspiration for transforming other objects from photographs into icons!

How to Create a Van Icon in Photoshop

Learn how to create a old style van from scratch in Photoshop.

Design a Glossy Download Icon

The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.

How to Create a Super Shiny Pencil Icon

The Pencil is one of the visual metaphors most used to express creativity. In this tutorial, I’ll show you how to draw a pencil icon. We’ll have a look at gradients, selection tools, and basic transform operations. Let’s have some fun with this.

Traffic Cone Icon Tutorial

Illustrate a Traffic Cone Icon in Photoshop, cool icon for “under construction”. Another great psdtuts tutorial.

How to Make a Calendar Icon

In this tutorial we’re going to show you how we made the Calendar Icon from our most popular icon set “Coquette”.

How To Make An Icon

The Making of an Icon

A great tutorial on process of designing an note pad icon. Download the finished icon from theIcons Section.

Draw magnifying glass

Learn essential drawing skills in Photoshop when creating this good looking icon

World Icon Photoshop Tutorial

Create a great looking world icon in Adobe Photoshop. This tutorial shows some really great techniques.

Glossy Round RSS Icon Tutorial

This tutorial will teach you how to create a round RSS icon for our website or blog with some really cool light effects.

Create a Shiny Lock Icon Design

Vista Folder Icon

Learn how to create a folder icon from scratch

Making digital watch icon

Glossy Graduation Hat Icon Tutorial

Step by step turorial that will show you how to design a glossy, clean graduation cap icon.

Handy Web 2.0 Icons In Photoshop

When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth.

Adobe Photoshop CS3 Style Icons

Create an Adobe Box Icon in Photoshop

Create an Adobe box Icon in Photoshop, to fill your dock with new icons. Learn techniques on brushes, blur, layer mask and blend modes.

How to Design Mini Icons

Learn the technique of using Photoshop pens tool for creating mini pixel icons. Download PSD

3d Logo

Make your own 3d logo using this simple tutorial

Design the iTunes Icon for the iPhone in Photoshop

This tutorial will show you how to effectively create the iTunes icon found on all iPhones and iPod Touches. This tutorial will walk you through the various filters and layer styles needed to create this very sleek icon.

LG LCD Monitor Icon

Vista Error Icon Photoshop Tutorial

Learn how to create a Windows Vista erroe icon using basic Photoshop techniques.

Computer Icon Tutorial

Create a USB Speaker Icon in Photoshop

Learn how to create a Photoshop design USB portable speaker logo icon in photoshop.

Pyramid Icon Design

You will be creating a pyramid icon or logo on this tutorial. All steps are on separate pages – really annoying.

Create a Jaguar Style Folder Icon

n this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, we’ll cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.

Design paint brush logo icon in Photoshop

Learn how to create a Photoshop design paint brush logo icon in photoshop.

Creating a clock icon

Create a Speed Gauge and Watch Icon

Creating an XP Style Monitor Icon

Let’s go back in time and look at Windows XP system icons. We’ll get inspired by an old computer icon. Then we’ll create a simple monitor icon in that style. Icon Factory is the company that created the icons for both Vista and XP Windows operating systems. Their works serves as inspiration for not only this tutorial, but many icons created today.

Safety Icon Design

Illustrator Icon Design Tutorials

3D House Icon in Adobe Illustrator

Illustrator’s CS5 Perspective Drawing Tools are just perfect for creating buildings. From this advanced tutorial you will learn how to create a detailed 3D house icon.

Create a Modern Style Icon with a Professional Finish – Vector Premium Tutorial

Learn how how to create a professional level Hard Drive icon with shading and lighting the techniques, then we have an awesome tutorial for you.

Create a Color Picker Icon In Illustrator

In this tutorial I will show you how to create a color picker icon from some blends, gradients, and simple shapes. This icon works great for web design project and in user interface design. Moreover, you can use the techniques in this tutorial in other icon, web, and print projects.

Icon Design Tutorial: Drawing A Pencil Icon

This is the highest quality tutorial I have seen for some time. Goes all the way from early sketch to a highly professional icon.

How to Create a Vector Safari Compass in Illustrator

The Safari browser from Apple has a great little icon that works well in small formats while also displaying quite a lot of intricate details when viewed in large format. Navigate through this Adobe Illustrator tutorial to draw up your own vector Safari inspired compass in Adobe Illustrator.

Transparent Battery Icon

In this tutorial, we’ll create a detailed icon of a battery similar to the one used for the iPhone touch. The battery "fuel" color can be changed as well as the "fuel" level, allowing the icon to be used to create a battery or power meter for applications, or simply as a graphic in any type of design.

Make a 3D Shopping Basket Icon in Illustrator

Learn how to create a custom shopping basket icon for your next web design project. We’ll combine 3D qualities with a flat look. You’ll need a firm understanding of Adobe Illustrators tools to complete this tutorial.

Create a Detailed Camera with Photo Icon

This tutorial will show the intermediate Adobe Illustrator artist how to make a sleek web 2.0 style icon. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.

Illustrator Tutorial: Designing a Sleek Pencil Icon

This is a tutorial on how to achieve the design of this sleek pencil using Adobe Illustrator CS3.

3d Isometric Vector Icon Tutorial

Isometric projection is a 3d method, being a form of ortographic projection; representing a 3 dimensional object in 2 dimensions.

In a bit simpler english; we can make 2d objects easily converted to 3d objects by adding equally measured perspectives. That’s what we will do to create our 3d vector icon =)

How to Create a Shiny Bucket Icon

Learn how to create a rational vector bucket icon with this tutorial.

Beginner Illustrator Tutorial – Create a Vector RSS Icon

The best way to learn the ropes of a new application is to get stuck in with a working project. This Adobe Illustrator tutorial covers the simple steps involved in creating a vector RSS icon and includes a range of handy techniques that can be put into practice in future creations.

Create a Vector RSS Icon with Illustrator

Probably one of the most popular and recognizable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.

How to Create an Alarm Clock Icon

With simple shapes and gradients, this easy tutorial will show you how to create an alarm clock icon. We’ll be using Illustrator CS4 for this tutorial, but those of you with older version should be able to follow along as well. Let’s jump into this tutorial, which beginning illustrators will find especially useful!

Make a Handy 3D Vector Calendar Icon

Learn to make a handy calendar icon to use on your blog, website, or print projects. We’ll use Illustrators Path and 3D tools to create this design. Also, a simple page curl effect will be demonstrated as well.

Craft a Delicious Chinese Food Icon

This tutorial will demonstrate how to craft a delicious Chinese food icon set. This tutorial requires a generous command of Adobe Illustrator’s tools. Let’s dig into this yummy icon design tutorial, which includes numerous vector illustration techniques.

Translucent IM Style Icon Design Tutorial

The shiny and glossy image of ‘Web 2.0′ is right at home when it comes to icons. Follow this Adobe Illustrator tutorial to create a scalable vector Instant Messaging style icon with the impression of a glossy and semi-translucent surface.

iTunes Icon Illustrator Tutorial

Great tutorial that will help you master your Blend techniques in Adobe Illustrator while replicating the iTunes icon. The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Download Source File

Create An Aperture Style Camera Lens Icon

In this tutorial, we’ll create a detailed camera lens similar to the one used as the logo for Apple’s Aperture photo-editing software. A camera lens is good for a software icon, logo, or just as a graphic for use in any design. Although, the image appears detailed, the process of creating it involves little more than simply layering objects with different fills and gradients to give a three-dimensional illusion.

How to Make a Vector Military Cap Icon

This tutorial will show the intermediate-to-advanced Adobe Illustrator artist how to make a realistic military style cap icon using predominately gradients, blends, and the Gradient Mesh Tool. We’ll be using a photo reference to base this illustration on, though utilizing creative judgment throughout the process.

Design Float Circle Icon

Great tutorial to help you design a float circle.

Vector Lock Icon Design

In the following tutorial, you’ll learn how to create a lock icon with some effects, opacity masks, gradients, and simple shapes in Illustrator. Many of these techniques can be applied easily to other icon designs.

How to Design a Set of Multicolored Buddy Icons

In this Illustrator tutorial, I’ll show you how to create a set of multicolored buddy icons. This tutorial uses some basic shapes, gradients, Feather, and Illustrator’s powerful Live Color feature. These techniques are easily translated into other designs and illustrations.

Custom Hard Drive Icon

In this tutorial il show you how to create a custom hard drive icon in various colors.

StumbleUpon 3D Icon Tutorial

Learn about designing a 3D social bookmarking icon in Adobe Illustrator. You can download the icon here as well

Juicy RSS Feed Icon

Let’s learn how to make a unique RSS feed icon. This tutorial requires a familiarity with Adobe Illustrator’s basic tools as we’ll use the gradient mesh tool and make light use of Illustrators mapping feature.

Create an envelpe icon with a satin feel

In this tutorial i will show you how using the basic tools of illustrator , ie gradient , rectangle , pathfinder and line we can create a simple looking envelope. With changing the arrow icon you will have multiple defined icons .

How to Turn Glasses into a Great Geek Icon

In this tutorial, we’ll show you how to make a cool, or should we say geeky, glasses icon. You should be versed in Adobe Illustrator’s tools to complete this tutorial. You’ll learn how to take creative license and create an illustration that uses a photo reference, but differs a bit in the final design.

Adobe Bridge Icon

Vista Folder Icon Tutorial

Icon Design Articles and General Tips

Icon Design Explained (Quickly)

Quick slides for teaching some fundamentals

10 Mistakes in Icon Design

Denis Kortunov explains the mosty commonly observed mistakes in icon design

Icon Design Explained (Quickly)

7 Principles of Effective Icon Design

Some guidelines and principles before approaching icon design

10 Tips for Effective Icon Design

Translating the ‘iconic’ features of an object into something that is metaphorically meaningful and instantly recognizable is no easy task — particularly when the design needs to be as effective at 48×48 pixels as it is at 256×256!

Icon Design: Bitmap vs Vector

A good article about differences between bitmap and vector file formats

35+ Awesome Tutorials Teaching You How To Create Your Own Icons

Lars — Mon, 14 Jun 2010 21:57:17 +0000

Icons are used almost everywhere. They are basically symbols and great for communication almost anything. Some Icons are detailed to a degree that makes them look almost photographs while others are the simplest possible drawings. Really there are Icons available for free or on commercial license to cover nearly any you may have. Still if you cant find exactly what you need there is still the option to create the icon yourself. Mastering the techniques in either Illustrator or Photoshop needed to create Icons can be really useful. In this article tripwire magazine provides a list of more than 35 great tutorials to get you started creating your own Icons. The article has been split up in 3 sections – Photoshop Tutorials, Illustrator Tutorials and Useful articles in Icon design.

Photoshop Tutorials

Photoshop Laser Printer Icon Tutorial

How to Create Photoshop Laser Printer Mode

Under Construction Helmet Icon Tutorial

How to Create a Super Shiny Pencil Icon

Traffic Cone Icon Tutorial

Illustrate a Traffic Cone Icon in Photoshop, cool icon for “under construction”. Another great psdtuts tutorial.

How to Make a Calendar Icon

In this tutorial we’re going to show you how we made the Calendar Icon from our most popular icon set “Coquette”.

How To Make An Icon

The Making of an Icon

A great tutorial on process of designing an note pad icon. Download the finished icon from theIcons Section.

Draw magnifying glass

Learn essential drawing skills in Photoshop when creating this good looking icon

World Icon Photoshop Tutorial

Create a great looking world icon in Adobe Photoshop. This tutorial shows some really great techniques.

Glossy Round RSS Icon Tutorial

This tutorial will teach you how to create a round RSS icon for our website or blog with some really cool light effects.

Create a Shiny Lock Icon Design

Vista Folder Icon

Learn how to create a folder icon from scratch

Making digital watch icon

Glossy Graduation Hat Icon Tutorial

Step by step turorial that will show you how to design a glossy, clean graduation cap icon.

Handy Web 2.0 Icons In Photoshop

How to Design Mini Icons

Learn the technique of using Photoshop pens tool for creating mini pixel icons. Download PSD

3d Logo

Make your own 3d logo using this simple tutorial

Vista Error Icon Photoshop Tutorial

Learn how to create a Windows Vista erroe icon using basic Photoshop techniques.

Pyramid Icon Design

You will be creating a pyramid icon or logo on this tutorial. All steps are on separate pages – really annoying.

Create a Jaguar Style Folder Icon

Creating an XP Style Monitor Icon

Illustrator Icon Design Tutorials

Transparent Battery Icon

In this tutorial, we’ll create a detailed icon of a battery similar to the one used for the iPhone touch. The battery “fuel” color can be changed as well as the “fuel” level, allowing the icon to be used to create a battery or power meter for applications, or simply as a graphic in any type of design.

How to Create a Shiny Bucket Icon

Learn how to create a rational vector bucket icon with this tutorial.

Create a Vector RSS Icon with Illustrator

Probably one of the most popular and recognisable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.

Make a Handy 3D Vector Calendar Icon

iTunes Icon Illustrator Tutorial

How to Make a Vector Military Cap Icon

How to Design a Set of Multicolored Buddy Icons

StumbleUpon 3D Icon Tutorial

Learn about designing a 3D social bookmarking icon in Adobe Illustrator. You can download the icon here as well

How to Turn Glasses into a Great Geek Icon

Icon Design Articles

Icon Design Explained (Quickly)

Quick slides for teaching some fundamentals

10 Mistakes in Icon Design

Denis Kortunov explains the mosty commonly observed mistakes in icon design

Icon Design Explained (Quickly)

7 Principles of Effective Icon Design

Some guidelines and principles before approaching icon design

10 Tips for Effective Icon Design

Icon Design: Bitmap vs Vector

A good article about differences between bitmap and vector file formats

70+ Awesome Free Icon Sets and Icon Collections for Web Designers

Lars — Sun, 13 Sep 2009 14:01:12 +0000

Icons are images specifically designed to deliver a message and good Icons are simply awesome to for that purpose. For that reason Icons can be really handsome when you’re designing a web site or a blog and can kick start or support the creative process. There are thousands of free Icons available which is very good but it can be hard to find the Icon Sets suitable for use in web design. This article gives you one of the largest compilations of Free Icon Resources and Icon Sets aimed for use in web design. Please let me know if any Resources or Icon packs that should have been included are missing. Always make sure you read the license before using any Icons as this may change rapidly.

This article is and update of 50+ Top Free Icon Resources and Icon Sets for Web Designers adding 20+ icon sets. Make sure you verify the license for any icons before using them in your designs.

The Webdesigner Sketchup Icons

Proxal Icon Set v2

Portal Icons

Weby

Function free icon set

Pixelicious

Dropbox Aquaized

Characters so far

Glyphious

Social Web Button

Social Icons hand drawned

Social Media Bookmark Icon

AllGN Robots Icons

Stack site icons

MICRO + NickelCobalt

32px mania iconset

Xiao Icon

Summer beach and seaworld set

Liquisoft Icons

Web Injection

Aa Free Icon Set for webmasters and web developers provided by tutorial9.net. The Icon Set has been created by Midtone Design Studio

The set includes 26 free icons at 48×48px size and in a Png format. This Free Icon Set is for use in your personal and commercial projects, and can be used without attribution.

ecqlipse 2

This packet contains 105 system replacement and 137 application icons.
Size is 128 x 128 px.

Token

-90+ 32×32 .ico files for use with Vista and Windows 7
-90+ 128×128 .png files for use with any ‘dock’ applications
+ White Versions of the above!

MannMitDerTarnjacke

Icon Set contains 27 .png dock icons and 25 .ico files.

Lucid: Icons

Contains over 250 .png dock icons in both black and white (+500 total!) of widely used applications, games, and system icons. PSD included

Random Jabber

3D Cartoon Icons Pack III

This pack has 205 icons with 3D effect.

Pinvoke

Fugue Icons: 2,225 icons are included in PNG format (16×16 pixel).

Diagona Icons: 400 icons are included in PNG format (10×10 and 16×16 pixel).

Free web development icons

Icojoy team’s new 24×24 free icon set in web 2.0 style

BacktoPixel

Icojoy team presents new free icon set in pixel style. These icons are free to use in any kind of project unlimited times.

Free web development icons #3

The subjects of this set are blogs, dating, player, social networks. These icons are free to use in any kind of project unlimited times.

Free web development icons #2

These icons are free to use in any kind of project unlimited times.

Free web development icons #1

These icons are free to use in any kind of project unlimited times.

Sweetie

Sweetie BasePack (182 icons)

Sweetie WebCommunication (37 icons)

Fam Fam Fam

4 free sets of mini size but good quality icons

Brand Spanking New

Here are 113 10×10 greyscale icons in .gif format

Graphic Push

Developpers Icons

105 icons (32×32) for your toolbar or anything. (.png, .ico, .icns, .icontainer)

Simplicio

The set contains 78 free icons in .png and .ico including AI which can be useful for both corporate and personal setting.

Ecommerce Icons

32 free e-commerce icons.

BS-Markup

Sanscons Icon Set

Exploding Boy

Greyscale

bwpx Icons

Vector Icon Set

“sketch’d up!” Icon Set

Facebook UI Icon Set

the facebook ui icons in a high res and vector form… with slight adherences to the tango specification

Small Arrow Icon Set

Irokez CMS Icon Set

Liquidicity Icon Set

165 vector icons x 5 colours = 825 icons.

Web Application Icons

Web-Icons-Pack

Ganato – Psd Icons

Web2.0 Icons Pack

Icon Repositories and Search Engines

IconFinder

IconDock – Free Icons

IconPot

IcoFree

IconStick

VistaIcons

IconBee

IconBulk

YellowIcon – Downloads

FastIcon – Freeware

Double-J Design – Free Icons

DryIcons

FreeIconsDownload

FreeIconsWeb

IconLook

IconFactory – Freeware

Iconspedia

IconBuffet – Free Delivery

AjaxLoad – Loading Animation Generator

IconArchive

BestFreeIcons

iconerz.com

Download 650-177 dumps and 642-446 dumps to guarantee pass real exam. Check out our latest 70-291 dumps collection to prepare for next exam.

50+ Top Free Icon Resources and Icon Sets for Web Designers

Lars — Sun, 02 Aug 2009 09:26:04 +0000

Images talk a lot more than words do, and as Icons are images specifically designed to deliver a message they are simply great at it. For that reason Icons can be really handsome when you’re designing a web site or a blog and can kick start or support the creative process. There are thousands of free Icons available which is very good but it can be hard to find the Icon Sets suitable for use in web design. This article gives you one of the largest compilations of Free Icon Resources and Icon Sets aimed for use in web design. Please let me know if any Resources or Icon packs that should have been included are missing. Always make sure you read the license before using any Icons as this may change rapidly.

This article is highly recommended: 35+ Awesome Tutorials Teaching You How To Create Your Own Icons

Web Injection

Aa Free Icon Set for webmasters and web developers provided by tutorial9.net. The Icon Set has been created by Midtone Design Studio

The set includes 26 free icons at 48×48px size and in a Png format. This Free Icon Set is for use in your personal and commercial projects, and can be used without attribution.

ecqlipse 2

This packet contains 105 system replacement and 137 application icons.
Size is 128 x 128 px.

Token

-90+ 32×32 .ico files for use with Vista and Windows 7
-90+ 128×128 .png files for use with any ‘dock’ applications
+ White Versions of the above!

MannMitDerTarnjacke

Icon Set contains 27 .png dock icons and 25 .ico files.

Lucid: Icons

Contains over 250 .png dock icons in both black and white (+500 total!) of widely used applications, games, and system icons. PSD included

Random Jabber

3D Cartoon Icons Pack III

This pack has 205 icons with 3D effect.

Pinvoke

Fugue Icons: 2,225 icons are included in PNG format (16×16 pixel).

Diagona Icons: 400 icons are included in PNG format (10×10 and 16×16 pixel).

Free web development icons

Icojoy team’s new 24×24 free icon set in web 2.0 style

BacktoPixel

Icojoy team presents new free icon set in pixel style. These icons are free to use in any kind of project unlimited times.

Free web development icons #3

The subjects of this set are blogs, dating, player, social networks. These icons are free to use in any kind of project unlimited times.

Free web development icons #2

These icons are free to use in any kind of project unlimited times.

Free web development icons #1

These icons are free to use in any kind of project unlimited times.

Sweetie

Sweetie BasePack (182 icons)

Sweetie WebCommunication (37 icons)

Fam Fam Fam

4 free sets of mini size but good quality icons

Brand Spanking New

Here are 113 10×10 greyscale icons in .gif format

Graphic Push

Developpers Icons

105 icons (32×32) for your toolbar or anything. (.png, .ico, .icns, .icontainer)

Simplicio

The set contains 78 free icons in .png and .ico including AI which can be useful for both corporate and personal setting.

Ecommerce Icons

32 free e-commerce icons.

BS-Markup

Sanscons Icon Set

Exploding Boy

Greyscale

bwpx Icons

Vector Icon Set

“sketch’d up!” Icon Set

Facebook UI Icon Set

the facebook ui icons in a high res and vector form… with slight adherences to the tango specification

Small Arrow Icon Set

Irokez CMS Icon Set

Liquidicity Icon Set

165 vector icons x 5 colours = 825 icons.

Web Application Icons

Web-Icons-Pack

Ganato – Psd Icons

Web2.0 Icons Pack

Icon Repositories and Search Engines

IconFinder

IconDock – Free Icons

IconPot

IcoFree

IconStick

VistaIcons

IconBee

IconBulk

YellowIcon – Downloads

FastIcon – Freeware

Double-J Design – Free Icons

DryIcons

FreeIconsDownload

FreeIconsWeb

IconLook

IconFactory – Freeware

Iconspedia

IconBuffet – Free Delivery

AjaxLoad – Loading Animation Generator

IconArchive

BestFreeIcons

Simplicio

The set contains 78 free icons in .png and .ico including AI which can be useful for both corporate and personal setting.

Design Your Own Icons – 25 Tutorials and Articles Designers MUST Have

Lars — Wed, 08 Jul 2009 09:15:30 +0000

With icons, web designers and graphic artists have a good opportunity to showcase their skills, prove their experience and explore their creativity. A well created, good looking icon set is a great way for designers to showcase their work and it may be a way to build up some reputation in the online sommunity. Creating professional Icons and allowing people to download them for free is a certain way to attract attention and visitors on a design portfolio or blog. But how how should you get started with creating icons that rock and stand out from the endless masses? This article provides a large collection of tutorials for Photoshop and Illustrator that currently is the de facto standard tools for this purpose. The article also provides links to some very interesting and worth reading articles on icon design. Get started and please comment and drop a link to your own creations and favorite icon tuts and resources.

Illustrator Icon Design Tutorials

StumbleUpon 3D Icon Tutorial

Learn about designing a 3D social bookmarking icon in Adobe Illustrator. You can download the icon here as well

Glossy Arrow Icon Tutorial

Learn how to design a glossy arrow in Illustrator with this great tutorial.

iTunes Icon Illustrator Tutorial

Photoshop Tutorials

Under Construction Helmet Icon Tutorial

Traffic Cone Icon Tutorial

Illustrate a Traffic Cone Icon in Photoshop, cool icon for “under construction”. Another great psdtuts tutorial.

The Making of an Icon

A great tutorial on process of designing an note pad icon. Download the finished icon from the Icons Section.

Clock Icon Photoshop Tutorial

35 step detailed tut showing how to design a simple alarm clock icon.

Draw magnifying glass

Learn essential drawing skills in Photoshop when creating this good looking icon

World Icon Photoshop Tutorial

Create a great looking world icon in Adobe Photoshop. This tutorial shows some really great techniques.

Glossy Round RSS Icon Tutorial

This tutorial will teach you how to create a round RSS icon for our website or blog with some really cool light effects.

Create a Shiny Lock Icon Design

Vista Folder Icon

Learn how to create a folder icon from scratch

Making digital watch icon

Glossy Graduation Hat Icon Tutorial

Step by step turorial that will show you how to design a glossy, clean graduation cap icon.

Handy Web 2.0 Icons In Photoshop

How to Design Mini Icons

Learn the technique of using Photoshop pens tool for creating mini pixel icons. Download PSD

Stylish Search Icon

Learn how to design a professional stylish search icon.

Vista Error Icon Photoshop Tutorial

Learn how to create a Windows Vista erroe icon using basic Photoshop techniques.

Pyramid Icon Design

You will be creating a pyramid icon or logo on this tutorial. All steps are on separate pages – really annoying.

Create a Jaguar Style Folder Icon

Creating an XP Style Monitor Icon

Icon Design Articles

Drawing an Icon: Sketches and Metaphors

Process of sketching of an icon

Icon Design Explained (Quickly)

Quick slides for teaching some fundamentals

10 Mistakes in Icon Design

Denis Kortunov explains the mosty commonly observed mistakes in icon design

7 Principles of Effective Icon Design

Some guidelines and principles before approaching icon design

Icon Design: Bitmap vs Vector

A good article about differences between bitmap and vector file formats

Free Animal Icon Set you can’t affort to miss

Lars — Thu, 23 Apr 2009 20:09:06 +0000

I said it before: Icons can be very important building blocks when you’re creating a design. They are in my opinion especially useful when creating designs for web sites but it’s definitely not limited to that. If you like good looking high quality Icons and if you’re a collector just as I am you shouldn’t miss this Icon Set from VisualPharm. The Icons are very aligned with the green trend ) and they are all perfectly crafted into the detail. I think the creator really did a great job I think and then giving them away for free.

You can download the Icon Set here.

License

As always you need to look carefully at the license before using the Icons. VisualPharm provides the Icon Set for free under the following conditions.

The icons are free for personal use and also free for commercial use, but we require linking to our web site. If you don’t want to place a link, purchase them for $49-199 per set.

Sample of how the Icons can be used

Other Icon Sets that you may be interested in

VisualPharm offer 7 more free Icon Sets that you may take a look at as well. Here is a few teasers. If you want these as well just go download them here

A handful of Free High Quality Dock Icon Sets

Lars — Sun, 19 Apr 2009 12:52:22 +0000

Here you go – A handful of High Quality Icons Sets to boost your creative process. Icons are powerful building blocks in designs and if they are used in the right way they can really improve a design and the ability to communicate the designers message. Deviantart is a great resource for finding Free Quality Design elements. After investigating the Icons picked out here go take a look at their huge collection.

Introduction

Creating a great Design is a long process that typically requires High Quality Ingredients like photos, patternstexture…and I would add Icons! The importance of getting hold of good looking Icons and more importantly a good source where you can find the Icons you just need for the project you’re working can’t be under estimated. Deviantart is one of the places I would suggest that you spend a few minutes investigaing. The functionality on the site makes it quite easy to browse through the many unique design elements. But be aware that not all elements can be used freely in commercial projects. Make sure that you read the license terms if there are any!

The Icons

Porn Needs You

180 icons in total, 70 general icons, 60 folders, 50 vertical folders
Currently only in 256×256 png format.
Some are easier to use than others.

J3Cons.07.Updated

Made .ico format for 64×64 48×48 32×32 24×24 and 16×16, 128 Icons.
png (256×256) and ico (64×64) format
Standard, Folders, Textured Folders, and Munnycons.

Badge-it Yourself

Label whatever you want with this!

I’ve included 10 samples (some of them are meany) and of course, the original PSD file, so you can make your own badges in Photoshop.

You can change the color, the text, the font and the shinning.
I hope you like this!

Perfect-Fantasy

This pack Contain:
62 Icons in PNG | ICO | ICNS formats (256px)

Wallpaper in 2 variations (Blue and Pink) in 1024 x 768 | 1280 x 1024 | 1600 x 1200 | 1920 x 1200 Resolutions

POPO emotions full version

POPO emotions+addon version icon pack – ICO and PNG files
Don not use them for commercial purpose! Pictures copyright reserved by Netease company.

Fantastic-dream

Welcome to the dreaming world
This time,the icons back to the illustration style.also i got some ideas from the movie <> from GHIBLI studio and David lanham’s << Somatic>> icon set.I love them so much.
hope u could catch your dream,enjoy your dream!

small BAPE ANIMALS

Really cute animal animals

Mouse-category-Season

PNG downloading is available

Etom-Project-Black

All icons are in 256×256 PNG format. Best view in 128×128 and 256×256.
Various of visual skins and themes will be released in the future.

Tokidoki-Dock-Icons

30 PNGs of various tokidoki artwork.
These characters do not belong to me at all so no credit for me there. I did however make them all into icons so no redistribution please. For personal use only.

Free Icon Set for Web Developers – Web Injection

Lars — Tue, 14 Apr 2009 13:30:54 +0000

Web Injection is a Free Icon Set for webmasters and web developers provided by tutorial9.net. The Icon Set has been created by Midtone Design Studio

The set includes 26 free icons at 48×48px size and in a Png format. This Free Icon Set is for use in your personal and commercial projects, and can be used without attribution.

Icons are in my opinion really essential for kick-starting a design process. Having access to as many Icons Sets as possible is very useful for getting the inspiration you need to get started. Further Icons can even end up as building blocks in your design and if used in the right way make your design look very professional.

See sample of the icons by clicking this image.

[nggallery id=5]

		100+ High Quality Hand-picked Icon Sets In this article tripwire magazine provides a collection of more than 100 High Quality Hand-picked Icon Sets that you can use in your designs. The article has been organized into 16 sections giving you instant access to the Icon Sets you need. The power of really good Icons can’t be underestimated as they, if used wisely, will serve as accelerator for creating really beutiful designs quickly!
		75+ Excellent Free Fonts For Professional Design In this article tripwire magazine presents an overview of more than 75 excellent free fonts you should consider using for your designs. Not all free Fonts are worth using but the Fonts listed in this article have all been picked out because they are better than the rest.
		100+ Massive CSS Toolbox In this article tripwire magazine provides a Massive CSS Toolbox giving you access to a really large collection of CSS Tools, Tutorials, Cheat Sheets etc.
		35+ very Useful And Powerful CSS techniques In this article tripwire magazine provides a list of very useful CSS Techniques that you can use freely to make your website or blog more dynamic and inprove its Look & Feel. The article will also give you an introduction to CSS and why it should be used instead of table-based layouts. hand-picked because they deserve to.