20 Fresh Free Web Designer Icon Sets

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?

19 Best Fresh Photoshop Web Design Layout Tutorials

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.

How to create a vintage Photoshop file

In this tutorial I will show you how to create a vintage website layout. The tutorial is quite simple and can be followed by anyone who have Photoshop installed on their machine.

Create a movie video streaming website

In this tutorial i will show you how to create a nice video related website. You can create this website like a membership, and you can charge people for watching the newest movies online. It is something like Netflix. Please note that you will learn only the designing part.

Create an advanced HOSTING LAYOUT

This tutorial will teach you how to create an clean web hosting layout.

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!

Design a Textured “Coming Soon” Web Page in Photoshop

This web design tutorial will show you how to make a simple “coming soon” web page that has a nice background texture and a slick web form that you can easily adapt into contact forms, newsletter signup pages, and more. You will witness several web design techniques such as creating textured backgrounds, creating light rays, making illustrative clouds, and more.

Learn To Create A Clean Style Portfolio Layout

In this detailed tutorial I’ll be walking you through the process of create a clean style portfolio layout. Don’t forget the FREE PSD file is available to download at the bottom of the page. Lets get started…

Create a one-page iPad/iPhone application web layout using Photoshop

In this tutorial I will show you how to create a one-page dark web layout for an iPad/iPhone application. For the iPad and iPhone images we will use vectors from the Screen Display Vectors Pack from Grafpedia. I will also show you how to add your own image on the iPad screen and how to create a shine effect for the header.

Create An Elegant Vehicles Web Layout With Light Effects

In this tutorial I will teach you how to create an elegant vehicles web layout with a light effect using Photoshop. You will learn how to use different settings to fill out your canvas with nice lightning and blending modes using different stock images to create good light effects. Following the steps of this tutorial you will easily learn how to use different tools and tips to create good web template. I hope you will enjoy and learn something from it!

Design a creative portfolio in Photoshop

We love share our passion for graphic and web design through our blog. The objective of our tutorials and articles is not just the explanation of practical techniques to realize nice illustrations or clean web layouts. We’ll be really proud if, after reading the tutorial, you will be able to apply some of our advices in your future works.

How to design an admin skin/control panel in Photoshop

In this tutorial I will show you how to create an admin skin or a control panel template. I’m more than sure that this tutorial it will come in handy for web developers (hard coding programmers)

How to design a law/justice website in Photoshop

For today I will show you how I have created a law/website layout in Photoshop. I think this template it is suitable for a lawyer website or anything which have to do with the justice department.

Learn How To Create A Web Gallery Style Layout

In this tutorial I’ll be showing you how to create a gallery/showcase style web layout. Lets get started.

How to design a layout in organic style

Today we’ll create a layout that recalls some graphic characteristics of this style: our client deals wuth biological food (or vegetarian, as you prefer) and needs a clean, effective homepage that recalls the natural freshness of his menù with a proper graphic.

Design a dark portfolio layout

In this tutorial you will learn how to create dark portfolio layout. We will use a set of professional universal vector icons in this layout.

How to design a layout with Membership Area In Photoshop

This tutorial will teach you how to create a beautiful website in Photoshop in just a few steps. You will create a website to allow users to register on your website very fast.

Portfolio Layout Design Tutorial with 3D Look

In this tutorial i will show you how to create a portfolio website design with a 3D look. When i design websites i like to use frameworks. For this layout i will use the PSD framework from our Ultimate CSS Framework. This framework will help you to convert your PSD layouts into valid CSS/xhtml websites.

Create a Recipe Web Layout

Most recipe sites tend to be unique in their set up. Like other user-submitted content sites, they thrive on the right content management system. Unlike most other user-submitted content sites, visitors to these sites aren’t often treated to personal insights about the recipes they seek. Personality and individuality are portrayed solely through the recipes themselves along with the pictures that accompany them. This site is designed to complement the recipes and let them shine through in all their glory.

Create a Web Application Website Design in Photoshop

In this web design tutorial, I will show you how to create a layout for a web app’s website using Photoshop. We will create all the popular components of a web application website, like a "featured" area for a short description of the app, call-to-action buttons, screenshots/videos presentation areas to show the users how the app looks like and what it can do, a "features" area to present product features, and more.

7 Free Awesome PSD Web Ribbons

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.

Web Corner Ribbon PSD Set

Free PSD set containing 6 glossy web ribbons. Use these high quality web corners to make great impact on your featured services or products. Easy to edit – just replace the text in this fully layered PSD file. Available in high resolution (1800x1200px)

iPhone Gift Ribbon

It is a gift ribbon, consisting of various app icons, wrapped around an iPhone.

Ribbons pack free psd

Ribbon Header PSD

Pretty Little Folded Ribbon (PSD)

The download includes the editable PSD (as always) making modifications a simple process. The font used in this freebie is Gotham, add it your arsenal if you haven’t already!

Decorative corner ribbon, PSD template

Red corner ribbon, cool decoration for web graphics. Decorate a document, paper, card or any other graphic and make it look nicer. Download PSD template and type your own text (hot, new, free, sale, discount etc.).

30 Awesome Web Form PSD Templates

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.

Free Web Form Elements in PSD Format

A webform on a web page allows a user to enter data that is sent to a server for processing. Webforms usually include checkboxes, radio buttons, or text fields. Designing webforms can be tedious sometimes. M. Manojlovic has saved us so much time by providing us some really nice Web Form Elements (Vol.1 and Vol.2) in PSD, which you can use them for free.

Clean & Simple Login Form (PSD)

Straightforward and simple, exactly what this type of form should be. The design incorporates everything you would expect from a modern login form with a slight twist of the verification notice appearing at the top of the screen. Fancy.

20 Useful Login Page Template – Free PSD Files

A few months ago, we had posted an article named ‘The Best Designed Login Page Templates‘. Today we bring you another post for login page template with psd files download.

Professional Login Form Design in 9 Color-Styles

This is a complete set of a login design in 9 color variations. Everything is properly named and layered in Photoshop, which make it easy for you to customize it the way you like. Everything is made with scalable shapes that allow you to resize the login design to the size you want, without any quality loss.

Web Forms and Windows

Web Forms and Windows – Glass Windows Style PSD - fully editable layered PSD file in Adobe Photoshop CS – vector shapes, colors, texts and effects.

E-mail form illustration 2

E-mail form illustration 2.layered psd.interlaced transparent png.only system fonts
.organized layers.100% size — 674×362

Free Login Form PSD

Today’s freebie is a PSD template of a login form with 6 color options (blue, yellow, green, red, pink, orange).

Comment Form – Comment Template Photoshop (psd) File

This comment form can be opened with Photoshop CS or newer, the file is fully layered and can be easily customized. This comment design it was built with usability in mind. You can see if the user is online or not it has a tool tip which can be transparent or not. Enjoy and don’t forget to visit the author website.