Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Flat Design Icons with PSD

Resources Icons 17536 9/10/2018 12:00:00 AM

Flat Design has become more and more popular among graphic designers. It is used in creating flat website designs, in brochure and advertisement projects, in flash and other animated video files. The retro old look is trend that has gathered many fans, me being one of them. The flat design has a new cool feature and that is the long shadow effect that can be applied to icons, text, etc. If you want to find out more about this subject I suggest you read the The ultimate guide to flat design. In this collection you will find useful free and premium flat design icons with the PSD source file.

Flat Design APP Icons

Flat Icons with PSD File

Media Flat Icons PSD

Flat Social Icons

Flat Icon Set with Free PSD

24 flat icons psd

Social Icons with Flat Design

20 flat icons psd

Flat Icon Set

simple flat social media icons psd png

Flat Icons

12 flat seo icons free download

Flat Media Icons

Retro Design Icons

Retro Flat Education Icons

SEO Icons PSD

You might also want to check out this cool jQuery Long Shadow Plugin that allows you to create flat icons using only css and jQuery. For example the images below are made using this shadow jQuery plugin. The Long Shadow jQuery plugin allows you to add fully customizable long shadow effects to your web design elements.

CSS jQuery Text Shadow

Flat design is driven by a desire for a more efficient and user-friendly interface. That's the idyllic purpose of flat design, but the current reality is so disconnected from it. While there are plenty of great examples of flat design(like the ones featured in this list), there are also plenty of bad flat design sample. You can read more about what happens when flat design goes bad from this interesting article - When Flat Design Falls Flat

5 ( 109 votes)

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

9 comment(s) for "Flat Design Icons with PSD"

John
12:55 AM Thursday, August 22, 2013
You ca also check out these amazing Long Shadow Icons http://www.webdesignerdepot.com/2013/08/free-download-modern-long-shadow-icons/ reply
sinfonia
sinfonia
3:41 AM Tuesday, February 4, 2014
Hi John
I'm very interested in learning to make my own flat icons. Do you know any tutorial?
Thanks. reply
sinfonia
sinfonia
2:47 AM Wednesday, February 5, 2014
Here is my pencil. Thanks for the tutorial. reply
sinfonia
sinfonia
2:47 AM Wednesday, February 5, 2014
Thanks John.
I did the house tutorial. I also did another about a pencil with Illustrator. Now I'll try do this one.
Greetings. reply
John
2:50 AM Wednesday, February 5, 2014
Your flat icon looks great, keep up the good work! reply
John
3:54 AM Monday, March 3, 2014
The Evolution Of Icon Design From 1981 - 2013

With the GUI having now been around for over 40 years, today we are taking a look back in time at the evolution of an integral feature - the icon.
Since the early 70's, when bitmapped screens were first developed with GUI's, the humble icon has come a long way. This is by no means, a complete list of all the icons in every OS between 1983-2013, however I have hand-picked designs that have the most significance and popularity in icon design.



read the article reply
PSDDude
11:07 AM Tuesday, August 5, 2014
Flat Icon Set - Download free PSD here:
https://dribbble.com/shots/1666562-Flat-Icons-free-psd
Use these icons for personal and commercial work! reply
Faraz
Faraz
1:06 PM Monday, April 29, 2019
This is a great collection all of them are amazing. thanks buddy reply
John
10:37 AM Wednesday, August 21, 2024
Hi sinfonia,

to create a flat icon in Photoshop is really easy; all you have to do is to make the icon design simple, to use not so many color tones, gradients, etc. For making flat icons , designers also use the long shadow concept.

Here you have some useful tutorials to help you create flat icons in Photoshop:
http://www.1stwebdesigner.com/tutorials/create-flat-icons/
http://www.graphicsfuel.com/2013/11/create-a-flat-ios-7-app-icon-in-photoshop/



reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top