Icons have been around for a long while now and customized icons for the web are becoming more and more popular as time goes on. They do an amazing job to train the eye and help draw out the most important information. The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is. If you are designing a set, the actual design becomes a lot harder, you have two challenges: each icon you design has to be individual and distinctive from the other, but at the same time they have to have similar features to show that they are related, making a complete set.

Here is a selection of free high-quality icons that are available use. Don’t forget to read license agreements before using icons in your designs – they can change from time to time.

DDIcons (65 PNG + PSD Icons)

Here it is! My first icon set. I have to say I had a blast doing it. I stopped this set earlier than I tought because I want to start a new one, with more details and precision. Hope you guys like it!

Freebie: Professional E-Commerce Icons Set (20 Icons)

Today, we are glad to release a set of 20 high quality E-commerce Icons in 64×64px, available in .png-format. This set was designed by Web Icons Set with the purpose to be used in e-commerce websites and has been exclusively released for Smashing Magazine and its readers. The set includes icons such as Empty Basket, Full Basket, Credit Cards, Delivery, Secure Payment, Checklist, Gifts, Shop Open, Shop Closed, Contact, Wallet and others.

200+ Exclusive Free Icons: “Reflection”

Icons are a great and quick way to enhance your projects. They add a certain personality to your designs and make things pop when they need to. Today we release a new set of icons which we call “Reflection”. It’s simple yet elegant and stylish at the same time. You’ll find these icons great to use at small sizes, such as for website navigation, menus and more. Both vector and raster versions are included.

15 shopping icons (Free PSD and PNG)

This shopping icons were drawn in a orange and green hues. The set includes 15 icons among them: tags, sign, shoulders, bags, gift box, bank cards, basket, trolley, delivery truck and more. The unique set of icons will add a bit of style to your project. You can use these icons for your e-commerce website, online store or web applications. The icons were made with vector shapes, so you can scale to any size without loss of resolution. The set is available in PSD and PNG formats. The .PSD file has well hierarchy and is ready to customize. Also you can grab PNG images (128×128 px.) with transparent background for using straight on the web. The files are completely free for both personal and commercial use.

Plastique: Over 400 Icons and counting

Plastique Icons is a set of 434 (and growing) web and application icons inspired by advertising clip art of the 1920′s and 1930′s. The set is available in vector format and also includes a CSS/PNG sprite version.

Map Icons Collection

Map Icons Collection is a set of more than 700 free icons to use as placemarks for your POI (Point of Interests) locations on your maps. You can use them on Google Maps with the “My places / My maps” feature or automatically by using the Google Maps API.

Glyphish

Great icons for great iPhone & iPad applications.

Monochromatic Iconset _1 by ~aipotuDENG

PSD available include layer style and shape layer

Real Estate Icons

This set is the fifth of many free web graphics that we plan to make available to the community.

3D Glossy Icon Set: 20 Free Icons (with PSD)

This free icon set by Iconshock, released exclusively here at Six Revisions, features beautiful, pixel perfect, glossy 3D icons. Each icon comes in 5 sizes (PNG format), with Photoshop PSD files in case you would like to tweak the icons.

Mini Designer Icon Set – 10 Free Icons

This set of icons was designed with designers in mind, there should be at least one thing in here that speaks to any designer, whether it’s your love for a certain graphics software package, your obsession with Apple iGoodies, technical drawing, photography or sketching ideas in your moleskine notepad, we’ve got you covered.

28 Toolbar Icons (PSD included)

To continue our grateful thanks to our readers and community in general, we are glad to release yet another free quality icon pack: 28 toolbar icons. These icons come in PNG format in 2 different sizes 32×32 and 16×16 pixels along with layered Photoshop PSD file of the icons.

Signify Lite: Free Icon Font

Exclusive to MediaLoot, bring scalable and flexible graphics to the web with CSS @font-face and the new Signify Lite web font. With this font you have 38 beautiful, hand-crafted icons at your disposal for any use, you can use them in your designs in Photoshop etc. or on the web, and the beauty of icon fonts (besides the scalability and tiny file size) is that you can edit the colour, size, effects and more with CSS.

Apple OS X Lion Buttons in CSS

As you probably know, OS X Lion was released yesterday. While there are 250 some odd new features in Lion, what you probably notice first is the new interface design. Part of the new design is new icon buttons in apps like Mail, seen below. I'm going to recreate OS X Lion's buttons in CSS for use in your UI.

Retro Candy: Free Icon Set

This free icon set, brought to you by Jan Cavan of Dawghouse Design Studio, is inspired by a retro, hand-drawn theme. There are 18 icons in PNG format, sized at 200x200px. The icons include objects such as a chat bubble, a notepad, a martini glass, and more.

Free Google Plus Icon Set

I just came across an amazing Google Plus Icon Set that is available for free. The Google Plus Icons has 13 different social icons. Each icon of G+ from this set is available in different px size

Wooden Social: Free Icon Set

This free icon set, by WordPress Theme Shock, consists of 10 icons for social media sites, as well as common content-sharing icons like an RSS feed icon and an email icon.
Each icon comes with its own editable source file (in .AI format) so that you can easily modify the icons as you see fit. The theme of this icon set freebie is centered on 3D and wooden textures.

Clean mono icons (vector PSD)

Friends, today’s graphic download is a set of 12 monochromatic icons in vector shape PSD format. These icons come in both normal and hover state, and each icon is isolated on transparent background in size 32×32 pixels for use in your web design needs. Since each icon is created using vector shapes, you can easily resize the icon. Download the mono icons set and let me know your thought.

18 vector web icons (PSD & PNG)

Friends, I’d love to share this freebie with you: web icons set in vector shape PSD and PNG formats. The set contains 18 excellent highly usable icons for your web works. Cool!

40+ high-quality (and free) icon sets

A great icon set can add a level of polish to your site design. It can be the cherry on the sundae, if you will. But a bad one, well, it can have the opposite effect. Luckily, Noupe has compiled a great resource full of 40 high-quality icon sets. Did I mention they come in PSD format and are also free?

As time goes on, designing website layouts in Photoshop is becoming a necessity for every designer.For this reason,I want to help everyone who wanna become a web designer,by presenting some of the best website layout tutorials made in Photoshop.

This roundup includes 19 of the best fresh web design layout tutorials created in Photoshop:portfolio layouts,layouts designed for blogs,business layouts and more…I`m sure you`ll learn some great designing techniques following any of those tutorials.

Design An Innovative Portfolio Site Using Alternative UI/UX

What’s the number one thing you want your portfolio site to do? Stand out! Today, Paul J Noble is going to walk us through the creation of his own uniquely designed portfolio site. He’ll show us tips and tricks in Adobe Photoshop, as well as some clever approaches to standing out from the pack of other portfolio sites.

Ribbons are very trendy lately, this time we have packed a great set of different ribbon elements, pixel perfect, and carefully designed. Check the post to see all the color variations.

Pretty Little Red Ribbon (PSD)

Today’s freebie is sweet and simple, a pretty little red ribbon. Whether you love ‘em or hate ‘em, ribbons have their place in modern web design. Use it wisely.

This time I have compiled together some awesome web form psd templates from around the internet. Included are contact forms, login forms, comment forms and a few others. I hope you enjoy the collection, and if you want to add anymore you have found be sure to drop us a comment.

Request a quote form PSD in 3 colors

The quote form can be used in your web projects as a call to action form on your homepage or quote page. Download the PSD file and let me know your thoughts.

Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials.

40+ Greatest Web Interface Design Photoshop Tutorials, Part I

Whether you kick off a web interface design by sketching on papers or blank Photoshop canvas, it’s good to get some guides and inspirations. Here we’ve compiled some of the nicest Photoshop tutorial that guides you, step by step, building up a web interface all the way from scratch.

A web form is the primary mode of permitting users to interact with a website. Whether it’s for signing up to a service, leaving a comment on a blog post, or writing an email through a web-based client such as Gmail – forms are a staple to modern websites and web applications. In this showcase, you’ll be able to set your eyes on a few remarkable and well-constructed web form designs for inspirational ideas on how to build and design engaging and effective HTML forms.

20 Creative Web Forms For Design Inspiration

I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others. I hope you enjoy the collection, and if you want to add anymore you have found be sure to drop us a comment.

Here are a bunch of the snippets that You can use on a regular basis to save time and be more efficient in coding.

Code Snippets

In this post, you’ll find fresh high-quality tutorials on creating web layouts from scratch using Photoshop. This article contains a copious variety of tutorials to help you learn and master the various techniques involved in creating beautiful web layouts.

Create a light grunge website layout

This tutorial will show you how to create a light grunge website layout with very simple techniques. With small modifications you can use this layout for any theme you like: business layout, corporate layout, blog layout, etc.

Web design is a process of design website with the helps of content, graphics, images, photos, multimedia, colors, font color, background color and links. For good website design needed a professional web designer whose goal is to design most attractive, good looking, user friendly website which is help to user to find or do something on website. Web designer must know about the color combination, and have a good imagination power to design a web page or website. Here are some good web design tips for developing an attractive website

Today, a website is not just information but also usability, design and ergonomics. The problem is that with these requirements, a simple web programmer is not enough, now we need true digital artists, people who know how to combine colors, images and fonts to create pieces of electronic art. Below you have 135 fresh examples of sites that fit perfectly into today’s requirements.

25 Examples of Creative Thumbnail Usage in Web Design

Since images are a very important part of a website, we decided to gather some examples of how websites are using thumbnails to organize and showcase their content. From layouts completely based on thumbnails and others using a few to get attention to a specific subject, we have a lot of inspiring examples to show you. Enjoy!

Need free web design & development ebook ? All of the 100 books in this post are completely FREE and can be either downloaded in digital format (PDF) or viewed as a web page (HTML).

20 Free Ebooks and Whitepapers for Better Web Design

It seems like every other page online is about…designing pages online. But, this is one of those topics which you might want to tackle through a comprehensive resource, like a book, especially if you’re a beginner. Here are 20 ebooks and whitepapers covering that very subject.

Where do you go normally when you are planning to start your new web design project and you are curiously finding for a mind blowing web design inspiration or just want yourself to bring up with some amazing creative ideas which can help you to create your project like it will make a trend or inspiration for others. In this post we have compiled 100 Best Web Design Inspiration 2011 for your inspiration.

30 Inspiring Design Agency Websites

In this post, we’re showcasing a collection of design agency websites to let you see how agencies and firms are presenting themselves to potential clients. When choosing a design firm to do a project, it’s extremely important that you get a good feeling from their website. It’s important that you feel confident in the type of work they do. If you like the style of their website, it’s a good possibility that you’ll like what they can do for you.

I’ve seen a few compilation posts recently showcasing different colour-schemed web designs – I thought I’d give it a shot myself. I have rounded up a selection of 30 cool blue website designs to showcase here for inspiration.

Accolado

Good interface design is like the air we breathe – it’s there when you need it and you use it without thinking. If you’ve ever used a bad interface design, struggled to get around a site, clicked away because you couldn’t figure out what was going on, not been able to complete a task you had in mind, or just been plain confused, you’ll know the perils of going wrong in this area.

Websites are not pretty pictures, they are there to be used and consumed, so it’s pretty important that as web designers we spend a good portion of time thinking about usability. In this article we’ll showcase 52 Best Inspiring Web Design Interfaces from deviantART for your inspiration.

1.) Akvatoria_site by TIT0

Flash Web Design is still popular across the web. A lot of designers and SEO professionals claims that HTML5 will replace Flash websites. However, Designing flash website requires hard work and good knowledge in action script. In my view, I don’t think HTML5 will completely replace Flash websites. There are few drawbacks in flash, and I am sure Adobe will address those issues to keep Flash as a viable development platform.

In this post I have gathered 20 best inspirational Flash interface designs that will truly inspire you.

My Portfolio by obsid1an

As a web designer, all of us are continuously searching for creative inspiration because getting an idea and inspiration is sometimes really hard and when you are planning to start your new web design project and you are curiously finding for a mind blowing web design inspiration so you don’t want to spend too much time and want to get start something as soon as you can. But most of the time, your mouse is not moving around as you want or your hand is not in your creative control or maybe when you are just tired and do not have creative mood to work. So if you want to get fresh your creative man or come up with some creative web design ideas or just need to motivate and inspire yourself with current design trends, In this post we are listing down 80 Web Designs To Inspire Your Next Designs !

Tanaiska

30 Best Photoshop Web Layout Tutorials Of 2010 - Photoshop has become the standard tool to create web designs. When designing for the web, using other designers tutorials to help yourself grow in Adobe Photoshop is a great way to grow in both confidence and technique. In this post, we showcases a numerous web layout tutorials that are both perfect for beginners and for advanced users.

Design a creative portfolio in Photoshop

A portfolio is a showcase for your talent and experience - whatever your creative or media field.

Creating a portfolio of your work is one of the most important things you can accomplish as a photographer. Unfortunately, relatively few photographers create portfolios because they find the process daunting or think their work is not good enough to be included in a portfolio. Others squirm at the idea they will have to review thousands of photographs taken over many years. Yet others do not know how to select photographs for a portfolio. Finally, there are those who believe that a portfolio cannot be created by themselves, that such an endeavor has to be conducted under the control of a museum or a gallery or needs to take place in the context of a retrospective of the artist’s work.

In this post you’ll find 31 of the best and creative photographer portfolio websites !

CirilJazbec Photography

As the next major revision of HTML, HTML5 has been more and more popular. We can easily find many libraries like open source HTML5 video players, we also can find more and more HTML5 based websites. Here is a fresh HTML5 websites collection to help web designers and developers of how to implement HTML5 into their sites.

1MD + Creative Bureau

The sophisticated image of minimalism has always been a popular style of design. In webdesign a minimalist site is stripped naked of eye candy and fancy colours or effects, leaving the underlying structure exposed. The key to a beautiful minimalist site is a solid and structured layout, as well as focus on stylish and well designed typography. These 43 examples showcase some of the best minimal site designs out there on the web.

Jar Design