Các Tut cho thiết kế web chuyên nghiệp

//
// Designing a website has never been easier. These days, you really don’t have to be attend design courses nor Photoshop workshop to pick up a skills or two; everyone can be self-taught thanks to generous designers who are willing to share their techniques online.

Whether you are looking at creating a personal portfolio, corporate website, blog template or merely a simple personal websites, chances are somewhere out there there’s a Photoshop tutorial with a step to step guide showing you how to turn a blank canvas into a complete layout.

Here’s a round-up of some of The Best Photoshop tutorials related to website interface design. Full list after jump.

Business and Corporate Look

Trendy Business and Finance Layout
Whether you are a single entrepreneur involved in financing and accounting or a member of school of business, you will definitely love the following layout.

Corporate Business Layout
Make a clean corporate style layout for your business.

Web 2.0 Business Layout
Create a web 2.0 business layout with a lot of empty spaces.

Business PSD Layout
Create a business PSD layout in less than 10 minutes.

Web Design Layout

Clean Business Layout
Create a simple and professional website design, a business-themed website template.

Corporate WordPress Style Layout
In this tutorial you will learn how to create a corporate wordpress styled layout.

Business WordPress PSD Layout
Create a nice business WordPress layout which can be used also for a corporate layout.

Dark Corporate Layout
This tutorial will show you how to create a sleek corporate layout and you can use this layout also for any internet business you want.

Business Layout

Dark Web Hosting Layout
This tutorial will show you how to create a layout for a web hosting company using Adobe Photoshop.

Hosting Web Layout
This tutorial will be made for a hosting company.

Awesome Software Layout
This tutorial will show you how to create your own software PSD layout.

Sleek Professional Looking Business Layout
Create a sleek professional looking business layout.

ECommerce Web Layout
In this tutorial you will create a spare parts ecommerce layout. It can be used for magento, oscommerce, or any e-commerce cms you want.

Arhitecture Bureau Layout
This tutorial will show you how to design such a layout
from scratch.

Sleek Business Layout
Make a sleek business layout.

Real Estate Web Site Design
This real estate website design tutorial will take you through a step by step process if you offer web design services to your agents/realtors.

Simple Clean Business Layout
In this tutorial, it shows you how to make a really simple clean business layout.

Professional Business Layout
Create a sleek business layout from scratch.

Clean Business Layout
For this tutorial the author going to show you how to make a professional, clean business layout.

Computer Store Web Layout
Tutorial on how to create a Web Layout for Computer Store.

Professional Web Layout for Business
Make a stylish and clean professional layout for your Business Solutions site.

Portfolio Layouts

Web Portfolio Design
Tutorial on how to realize a nice Web Portfolio Design with a Watercolored Background using two brush sets, a icon pack and some basic techniques.

Black Portfolio Layout
The scope of web 2.0 layouts is that users will see faster what you want to offer.

WordPress Portfolio Layout
This is a portfolio design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well.

Cool Blue Portfolio Layout
In this tutrial the author will shows you how to create a cool blue portfolio layout.

Portfolio Gallery Layout
In this tutorial you will learn how to create a portfolio styled layout for your design studio gallery.

Personal Portfolio Layout
Personal portfolio layout with vector style layout.

Nature Portfolio Layout
If you want to start working as a freelancer i suggest you to create an eye catching layout to start properly in your business.

Dark Portfolio Pixel Layout
The tutorial will show you the power of patterns applied in web layouts.

Portfolio Web Layout
This tutorial teaches you how to create a portfolio design from scratch to the finish.

Sleek Modern Portfolio Layout
This clean layout has a nice area for a sideshow, where you can feature your best artwork.

Nice Personal Portfolio Web Layout
In this tutorial you will learn to create nice personal portfolio web page.

Photography Portfolio Layout
Awesome photography portfolio design with a lot of content boxes and an attractive look.

Portfolio Web Layout
Learn how to create a web layout with services, portfolio, careers and others.

Single Page Portfolio Website
Produce a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

Professional Portfolio Design
This tutorial teaches you how to create a professional looking portfolio design using very basic techniques.

Black Portfolio Layout

Dark Green Portfolio Layout

Photo Portfolio Web Page Layout
This tutorial will show you how to create a clean looking web layout for your portfolio.

Old Paper Portfolio Layout
This tutorial will show you how easy is to create a great layout with a simple old paper texture image

Personal Portfolio Web Page Layout

3D Studio Portfolio Layout
This tutorial will show you how to create a 3D studio portfolio layout.

Awesome Portfolio Layout
You can use this tutorial to create also a professionally blog layout.

Model Portfolio Layout
You can use this layout also a personal portfolio layout, a photography layout, or even if you have a design agency.

Clean 3D Look Layout
This tutorial will show you how to create a clean layout with a 3D look and you can use this layout for your design portfolio, or you can create also a nice looking wordpress portfolio theme.

Online Photo Portfolio Layout
This tutorial will show you how to create a clean looking layout for your portfolio.

Blog Templates

Tech Blog Layout
In this tutorial, you’ll learn how to design a premium blog layout in Adobe Photoshop, from A to Z.

Modern Blog Layout
In this tutorial, you’ll learn to create a modern, clean and classy blog layout in Adobe Photoshop using some basic techniques.

Watercolored Design Studio Blog Layout
In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog.

Tutorial Site Blog Design
In this tutorial you will learn how to make a sleek, and professional tutorial blog.

Simple 2 Column Blog Layout
In this tutorial you will learn how to create a simple 2 column blog layout using Photoshop similar to the one used for PSDVIBE.

Myblues WordPress Style Layout
In this tutorial you will learn how to make a very sleek and stylish blue WordPress style bloging layout.

Elegant Blog Layout
Make an elegant blog layout in Photoshop.

Simplistic Video Blog Layout
Tutorial on how to make a nice simplistic layout.

Clean Grunge Blog Design
This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.

Premium WordPress Blog Layout
This tutorial will show you how to create another premium wordpress layout with a special area where you can feature your e-book or your digital downloads.

Creative Clean Blog Design
This tutorial will show you how to create a simple yet very nice looking layout in Photoshop. You can use it as a wordpress theme for a corporate business, or you can use it as a standalone website.

3D Blog Layout
This tutorial will show you how to create another type of layout to be different from what you see all the time.

RocknRolla Blog Design

GreenPress WordPress Theme Design
In this tutorial you will learn how to make a simple and clean wordpress style theme called GreenPress.

Chocolate Pro WordPress Style Layout
In this tutorial you will learn how to create a brown chocolate WordPress style layout that is very professional.

Smooth Blog Layout
Create a clean blog layout from scratch in this tutorial.

AquaPress WordPress Layout
In this tutorial you’ll be creating a wordpress mockup layout with some 3D elements to it.

MyWordPress Theme Layout
This tutorial will show you how to create a simple mockup version of a wordpress template.

Efficient WordPress Layout
This tutorial will show you how to create an efficient wordpress mockup layout in photoshop.

WordPress Theme Layout
This tutorial will show you how to create another wordpress layout with Photoshop. The design is very simple and I you can use this layout also for a clean corporate layout, or even for a business template.

Premium WordPress Theme Design
This tutorial will show you how to design a modern web interface from scratch using Photoshop and stock pictures.

Grunged & Textured Design

Grunge-Themed Web Layout
In this step-by-step web design tutorial, you will learn how to craft a beautiful and eye-grabbing grunge-themed web layout using Photoshop.

Cartoon Grunge Web Site Layout
Learn how to add a worn look that works well with cartoon-style graphics.

Grunge Photographer Layout
This tutorial will show you how to create a grunge layout for a photographer. This layout can be used also for a portfolio layout.

Grunge Web Design
This tutorial will show you how to create a complete grunge home page design.

Sleek and Textured Web Layout
In this Photoshop web design tutorial, you’ll learn how to create a full web page layout that combines the sleek and textured look-and-feel using a combination of beginning to intermediate Adobe Photoshop techniques.

Realistic Website Layout
This tutorial will show you one more time how powerful are stock images and textures.

Grunge Vector Layout
This tutorial will show you how to create a vector style layout with a nice grunge effect.

Paper Texture and Grungy Web Design
Tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design.

Amazing Textured Layout
This tutorial will show you how to create an amazing layout using a simple texture, and some layer styles.

Worn Paper Web Layout
In this tutorial, you’ll learn how to create a textured “worn paper” web design theme using some basic Photoshop techniques.

Web 2.0 Style

Clean Web 2.0 Style Design
In this Photoshop web design tutorial, you’ll learn, step-by-step, how to create a stunning and clean web layout.

Web 2.0 Layout
In this tutorial, you’ll learn how to create a very fancy “Web 2.0″ website layout in Adobe Photoshop using beginners skills.

Modern Web 2.0 Layout
This tutorial is going to teach you how to create a modern web 2.0 styled web layout from scratch.

Gaming Sites

Gaming Layout

Clan Layout
In this tutorial you will learn how to create a nice looking game layout, or a clan layout.

Gaming Layout
Tutorial on how to create stylish web2.0 style gaming layout from scratch using photoshop CS3.

GameSpots Website Layout
This tutorial will be showing you how to create a web layout much similar to the famous gamespot.com design in Adobe Photoshop.

Gaming Layout
In this tutorial you ’ll be making a quick, small, unique looking gaming layout, right lets get started.

Gallery and Showcase Websites

Website Gallery Layout Design
In this tutorial you will learn how to make a layout for a css website gallery using Photoshop.

Clean Photo Gallery Website Layout
In this tutorial you will learn how to make a clean photo gallery website layout.

Cool Photography Layout
In this Photoshop tutorial, you will learn how to design a simple blue layout with Photoshop by combining shapes and layer styles.

Dark Theme Layouts

Rock Band Music Layout

Dark Style Web Layout
This tutorial will show you how to create a sleek dark style layout.

Futuristic Web Layout

Dark Themed Web Design
This tutorial covers the key areas to focus on when creating a Web site design.

Magic Night Themed Web Design
A tutorial on artistic web design depicting a “Magic Night” concept.

Professional Modern Web Layout

Two Color Website Layout
Tutorial on how to create a clean website layout using only a few colors.

iPhone Related Website
This tutorial will show you how to create a website for a iPhone business.

Awesome Colorful Layout
This tutorial i will show you how to create another web 2.0 layout for your creative portfolio.

Typography Layout
This tutorial will show you how create a nice typography layout.
These types of layouts will help you to effectively and accurately transmit the message.

Dark and Sleek Web Layout
In this Photoshop web design tutorial, you are going to create a beautiful, dark, and sleek website mock-up centered on an elegant navigation menu that lends itself easily to CSS background sprites.

Personal Websites and Miscellaneous

Creative Design Layout
This tutorial you will learn how to create a creative design layout.

Design Lab Layout
This tutorial will show you how to create a stylish design lab layout.

Agriculture Layout

White Notebook Style Layout

Funky Web Design Layout

Interior Design Layout

Music Layout

Illustrative Web Design

In this web design tutorial, you’ll learn how to create a professional web design with an illustrated “vector” header in Photoshop.

Beauty Web Layout
This tutorial will show you how to create a layout for a beauty salon in 10 simple steps.

Creative Unusual Layout
This tutorial will show you how to manipulate some simple shapes, to obtain a wonderful layout.

More Tutorials and Web Templates

While you are at it, we figured you might be interested in these web template related articles we’ve previously published.

• 38 Free Elegant XHTML/CSS Website Templates
  
• High Quality Free Web Templates and Layouts
  Another 60 high quality web templates for free.
• Greatest Web Interface Design Photoshop Tutorials, Part I
  
• Practical Web Design Tutorials

//

30 mẫu thiết kế đẹp nhất (phần 2)

1. Using Ink Drops in Your Digital Compositions

   This tutorial demonstrates techniques to creatively work ink drops into your compositions.

   

2. Fairy Night Eye

   How to correct the photos’ colors, change the eyes color, work with the layers, applying ready brushes and designs, create your own design and to picture the stars.

   

3. Make your image look awesome with a few light effects

   

4. Compositing with Adjustment Layers

   Created a dark and mysterious scene with a young girl paused in an eerily calm storm.

   

5. Add A Sparkle Trail To A Photo

   How to add a sparkle trail to a photo

   

6. Adding Light Streaks To A Photo

   How to add colorful streaks of light to a photo.

   

7. Make Perfume Commercial

   How to make your very own fragrance advertisements.

   

8. Colorful Picture Style

   Make a strong impression to a picture by using color blend techniques

   

9. Electrifying Energy Beams

   Great effect that will bring some energy to your subject.

   

10. The little mermaid Photo Effects

    Learn to improve the quality of the picture, create the effect of scales on the human skin, create the model’s make-up, change the color of her hair.

    

11. Coldplay / Apple Style Portrait

    How to create a portrait based on the style of the latest Coldplay / Apple Ad featuring “Viva la Vida” from Coldplay

    

12. The Making of Mystic

    Nik Ainley walks us through the process of making a spectacular image.

    

13. How to make your own vector portraits

    

14. Photo Editing / Retouching

    Basic editing tutorial using adobe Photoshop.

    

15. Blue glow dreamy portrait

    Make a dreamy portrait by playing with glow and colours.

    

16. Fire Lines Tutorial

    How to create creative and stylish fire lines in 10 easy steps.

    

17. Creating light motion trails & glowing sparks

    A technique often used in advertising these days, is these glowing lines. They look like light motion trails. If you ever wondered how to create these kind of lines, here is how I do it…

    

18. Lighting effects in Photoshop

    Creative lighting can make all the difference to your photos – here’s how to jazz it up a little.

    

19. Sin City Photo Effect

    How to get that Sin City look in your image.

    

20. Creating a Vector Composite Effect from a Photo
    

    How to take an image, in this case a woman’s face, and give the appearance that it is entirely composed of vector shapes.

    

21. Photo to Pencil Sketch

    Convert photo to pencil sketch effect in Photoshop.

    

22. Creating your own Fairytale Scene

    

23. Giving a Mafia-Look to a Business Photo

    

24. Dirty Grunge Poster

    This tutorial will show you how to change your images into a cool dirty grunge design, which could be used for posters, prints, CD covers, etc.

    

25. A Rather Different Photo Collage

    

26. Urban-Style Piece of Artwork

    How to create a dirty, urban style image using both well known techniques as well as a few new ones.

    

27. The Ocean Girl Photo Effect

    Learn how to create an ocean girl artwork by combining some stocks and blending techniques.

    

28. The Guitar Photo Effect

    

29. Make photos sparkle

    From fashion shots to portraits, here’s how to add a touch of magic with Photoshop lighting effects.

    

30. Good and Evil Photo Effect

    How to take an image and split it into two personalities.

    

31. Desaturated ‘Gothic’ Look

    Style Kruella (or anyone) in a vaguely ‘Underworld’ desaturated blue style for that traditional ‘goth’ look.

    

32. How to make your Twins (Clones)

    

41 Nicest Photoshop Photo Effects [Photoshop Tutorials]

1. Mental Wave Explosion Effect

   How to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.

   

2. Realistic Water Reflection

   How to easily add a realistic water reflection to any photo.

   

3. Displacement effects

   How to use a variety of filters and techniques to produce an image in an experimental style.

   

4. Make Photos More Suggestive

   Learn how to make the model in this tutorial more suggestive with awesome curves

   

5. Halftone Dots and Linear Light

   A very cool linear light halftone dot effect in less than 2 minutes.

   

6. Retro Comic Book Effect

   Creating a old comic book effect for your photos.

   

7. Add Realistic Rainbow To A Photo

   Easily add a rainbow, even a double rainbow, to a photo.

   

8. How To Make Digital Photos Look Like Lomo Photography

   Take a digital photo and make it Lomoified

   

9. Creating a Rocking Silhouette

   How to create a silhouette of a person taken from a normal photo, adding colorful light to it as if the light source is located behind this object.

   

10. Adding Reflections To Sunglasses

    How to add reflections, or at least, different reflections, to sunglasses.

    

11. Age Progression

    Go about aging a woman’s face in Photoshop.

    

12. Alien Invasion

    

13. Dark Art Picture Style

    How to combine some stocks and Photoshop techniques to make an amazing dark art picture style.

    

14. Bringing a Stone Statue to Life

    How to take a stone statue and alter it to look life-like.

    

15. Changing Hair Color

    

16. Photo Edit Color Effects

    

17. Add Another Dimension

    Create stunning effects using glows.

    

18. Crack and Peel

    

19. Cool Halftone Effect

    How to create halftone patterns and creatively cut up an image of a model holding a boombox.

    

20. Creating Energy Spheres

    

21. Devil’s Eyes

    How to make eyes look more sinister

    

22. Dynamic Lightning

    How to spice up a fairly dull and flat photograph.

    

23. Eery-Eye Photo Manipulation

    

24. Expressive lighting effects

    How to go about combining several lighting techniques

    

25. Fantasy Art

    

26. Fiery Photoshop Space Explosion

    Creating a spectacular space scene featuring two planets colliding.

    

27. Color Hair Locks

    Getting the hair colored in just few minutes.

    

28. Beautiful Lady Effect

    

29. How to turn your photo into movie-like effect

    

30. Mosaic, Fill A Photo With Photos

    Create a bit of an optical illusion, filling one photo with many smaller photos, or at least, many copies of a couple of smaller photos.

    

31. Photoshop Effects: Focus With Light

    How to add focus to an image with light, using Photoshop’s Lighting Effects filter and multiple light sources.

    

32. Zombie

    Turning Mandy Moore or anyone into zombie.

    

33. Super Slick Dusky Lighting Effects

    Put together a sunset image mixing some vector shapes and dusky lighting effects to produce a slick image that would make a nice album cover for a chillout mix!

    

34. Transform a person into an alien

    How to create a very cool looking alien using Adobe Photoshop

    

35. Seriously Cool Photoshop Explosion Effect

    How to break apart a body, then add some awesome lighting and glow, and nopattern style, to finish the image off.

    

36. Reflective Bubble

    

37. How to Make Circle Pixels (Pop-art Style)

    

38. Easy Watercolor Painting Effect

    How to easily make a photo look more like a watercolor painting.

    

39. Watercolor Effect

    

40. Realistic Tattoos

    This tutorial uses a few basic photoshop techniques, masking, color adjustment, liquify and the resize and transformation tools.

    

41. Robotic Frog

    How to take a regular frog and opened him up to reveal a mechanical skeleton.

    

42. nguồn: “hongkiat.com”

80 mẫu logo thiết kế tốt nhất và sáng tạo nhất

They say a picture speaks a thousand words, and that is definitely true when it come logo design. A well-thought logo design can effectively use a simple icon to leave a deep enough impression for the public. Most logos communicate ideas to people, for instance the kind of quality services a company can provide for its customers. A memorable logo is always a plus if one wants to ensure first-time visitors to their websites will return in future.

While there’s no easy answer as to what kind of logo design is the most effective and impressionable, it is probably intuitive to assume that creatively designed logos are more likely to stand out. However, that does not necessary mean that a logo has to be very elaborated. A simple logo with an innovative play of wordings can be as intriguing as a aesthetically pleasing logo. This is the beauty of logo designs.

Here is a compilation of 80 creative logos of different variety, all categorized under these groups: Wordmark, Symbolic, and Combined mark. Enjoy!

 

Wordmark Logos

As you shall see, these logos involve the creative arrangement and modification of words to enhance the name of the company they represent. Unlike symbols and icons, text-based logos are effective in the sense that the name is clearly spelt out for easier recognition.

 

 

 
Adjika

 

 

 
Alight

 

 

 
Tiny Mouse Design

 

 

 
Soft Facade

 

 

 
Bison

 

 

 
Killed Productions

 

 

 
White Crimson

 

 

 
Look

 

 

 
Summit

 

 

 
Peeled

 

 

 
Cahoots

 

 

 
E-fly

 

 

 
Unlock

 

 

 
Studentsknow.com

 

 

 
Mother

 

 

 
Talkmore

 

 

 
Sleep Records

 

 

 
Greener

 

 

 
Families

 

 

 
Brazil Vs. Argentina

 

 

 
Leadshouse.fi

 

 

 
Drip

 

 

 
Fit

 

 

 
I Hate You

 

 

 
Hole

 

 

 
Eighty Three

 

 

 
Duotone

 

 

 
Coffee Cup

 

 

 
Click. Recording Studio

 

 

 
Boot

 

 

 
bigSHIFT

 

 

 
Armored Stripes

 

 

 
Nosey

 

 

 
Foot

 

 

 
Mummy

 

 

 
Cuda Crazy

 

 

 
Goosebumps

 

 

 
Logotip

Symbolic/Iconic and Combine Mark Logos

Using symbols and icons, the logo desingers attempt to establish an association between the brand name and the image. One advantage of symbolic and combine mark logo is that there is more room for creativity than text-based (wordmark) logos which only play around with words. Some logos, however, actually incorporate both text and icons to form a unique logo design.

 

 

 
Sidewinder

 

 

 
Turtle Island

 

 

 
Illusion Studio

 

 

 
Spear nose creature

 

 

 
Page Fold

 

 

 
Denim Blog

 

 

 
Full Time

 

 

 
Plastic Whale

 

 

 
Raumfilm

 

 

 
Nenlu

 

 

 
Silent Monkey

 

 

 
h2O

 

 

 
AntiParticle

 

 

 
Ecard

 

 

 
Prison Break

 

 

 
Flook – Fishing Club

 

 

 
Cow World

 

 

 
Round 5

 

 

 
Schizophrenic

 

 

 
Act

 

 

 
Crowds & Clouds

 

 

 
Threesome

 

 

 
SwanSongs

 

 

 
eBreakfast

 

 

 
Horror Films

 

 

 
Green Labs

 

 

 
BarCode

 

 

 
Swing Studios

 

 

 
Fish

 

 

 
Squared Eye

 

 

 
Food Writers

 

 

 
Chair – Sit

 

 

 
Harness Racing Victoria Concept

 

 

 
Get wired

 

 

 
Saporo Sushi

 

 

 
Ogden Plumbing

 

 

 
Artfire

 

 

 
Ecoki

 

 

 
Diced

 

 

 
DevelUp

 

 

 
Metroplex

 

 

 
LocKey

 

 

 
Fold It

 

 

 
Wiesinger Music

 

 

 
The Thirsty Peacock

 

 

 
8 Fish

 

 

 
Cossack Spring Pea

 

 

 
Conserve Rain Water

nguồn : “Hongkiat.com”

40 Free and Useful GUI Icon Sets for Web Designers

Icons are everywhere in a website and their primary purpose of guiding and giving out information to visitors is a highly important one. Other than words themselves, these little graphics within a website that tells you how you can move to the next page, cancel a transaction, checkout the cart and the likes, basically the entire navigation. In a general sense, they act as symbols that allow easier and smoother communication between the webpage and the person interacting with it.

Depending on the web context, icons should be designed in a manner that are pleasing to the eyes, and most importantly, communicate what it is suppose to communicate. Here’s a showcase of 40 Free and Useful Icon Sets for your reference. Full list after jump.

 

Function Icon Set
128 Icons, they are only available in 48×48px. [via wefunction | Download]

Onebit Free Icon Set
A total of 50 icons. These icons are free to use in any kind of project unlimited times .[via Icojoy | Download]

Onebit Free Icon Set 2
Total of 30 icons, 48×48 in PNG format. [via Icojoy | Download]

WP WooThemes Ultimate Icon Set
The free download contains all 79 icons, sized at 256×256 pixels and available in both PNG and GIF formats. [via WooThemes | Download]

SEM Labs Web Blog Icon Pack
48x 48 icons for use on the front and back-end of the site released under the Creative Commons License. [via semlabs | Download]

Bright!
This 148-icon set contains all crisp-shaped icons that are designed for wide use in web applications, multimedia and software.[via iconeden | Download]

Milky
The Milky set contains more than 131 icons primarily colored in green, giving an eye-pleasant look and prominent display on either dark or bright backgrounds. [via iconeden | Download]

Iconza Icons
Collection of free icons that can be colored and reduced in size to your taste. [via Iconza| Download]

Basic Set
42 high quality icons for your web application, software or GUI design. Comes in various sizes of 64×64, 48×48, 32×32 & 16×16. [via prokofusha | Download]

MinIcons [via kyo-tux | Download]

Coquette Icons Set
Free icon set contains 50 high quality, free icons in these sizes: 16×16px, 32×32px, 48×48px, 64×64px and 128×128px and 32-bit transparency PNG file format. [via dryicons | Download]

Coquette Icons Set 2
Improved version of one of DryIcons’ most downloaded and most popular free icons sets. [via dryicons | Download]

Dropline Nuovo [Download]

Developers Icons
105 icons (32×32) for your toolbar or anything. Comes in .png, .ICO, .ICNS, .iContainer. [via Sekkyumu | Download]

Circular Icons A themed collection of 100+ 16×16 icons designed by Ben Gillbank, licensed under the Creative Commons Attribution 2.5 License. [via Pro Theme Design | Download]

Web Application Icons Set
20 icons designed specially for web applications, Free Web Application Icons Set is completely Free for both personal and commercial projects in any way you like. [via Webappers | Download]

Mini and Pixel Icons

If large and silky smooth icons aren’t the style you are looking for, how about simple, mini and pixelated one. Such icons can save significant amount of space for your website. Did we also mention their are light in filesize too?

Twotiny- Two icons setsfor websites and web applications. [Download]

Twotiny Expansion Set [Download]

Icons
A free set of over 250 18×18 pixel icons. Each icon was carefully created one pixel at a time using only whole value hexadecimal shades of grey. [via Paul Armstrong | Download]

Tango Icon Library
The Tango icon library contains a basic set of icons for the most common usage. To make it easier for a developer to find an appropriate icon for their application a number of aids are there to help. [via Tango | Download]

Mini Icons 2
113 10×10 greyscale icons in .gif format. [via brandspankingnew | Download]

Mini Pixel Icons
320 icons (available in various color theme) for general web design such as: blog themes, forums, eCommerce sites, and CMS application. [via Icondock | Download]

Web Social Icons
30 free web social icons, great for your website and blog. [via seanau | Download]

Microformats
These icons can be used to depict various microformats in webpages or on the desktop.

512 Pixel LED Icon Set
Designed for web designers/developers by Marcis Gasuns. [via Led24 | Download]

Iconjoy Free Web Development Icons- These icons are free to use in any kind of project unlimited times.

Set #1 [Download]

Set #4 [Download]

Greyscale
40 greyscale icons which each fit into a 34 x 34 pixel area. [via e-lusion | Download]

FamFamFam Icons
Silk [Download]

Mini
“Mini” is a set of 144 GIF icons available for free use for any purpose. [Download]

Flags
247 icons in GIF and PNG formats representing most countries in the world as small pixel icons. [Download]

Splashy Icons
470 splashy icons. [Download]

Bitcons
Mini-pixel icon set (16×16 pixels) containing 91 121 individual icons for various subjects. [via somerandomdude | Download]

Bullet Madness
A list of 200 bullets, arrows and icons uploaded by stylegala users.

Minimalist Pixel Icon Set
[via nclud | Download]

Fugue
2,225 icons are included in PNG format (16×16 pixel). [via pinvoke | Download]

Sizcons
Comes in 2 different format: 16×16 version and a 12×12 version. [via randomjabber | Download]

Social Media Icon Pack
This icon set consists of 30 (16×16) finely crafted social media icons. They are free to use non-commercially. [via Komodo Media | Download]

Sweetie
2 sets of cute and clear icons to use in your nifty web application, respectively Sweetie BasePack and Sweetie WebCommunication. [via sublink]

Vaga
60, semi-transparent .png icons (16 x 16) ready to use and available for free download. [via tenbytwenty | Download]

nguon: “Hongkiat.com”