HTMLcut blog

About PSD to HTML Conversion and More

30+ Fantastic Sets of Free Flat Icons, Buttons and UI Kits

30+ Sets of Flat Icons, Buttons and UI KitsIn this post we use a lot of words starting with the letter “F”. Really, we’ll talk about Flat web design, it’s Friday today, and it’s Funny, so why not :).

Finally, a fabulous set of flat icons and UI freebies is finished for our friends and followers! For me, flat design is a very fruitful trend. First and foremost, it focuses on fundamental features rather than decoration and ‘furniture’. Any facet of flat websites (a ‘facade’, footer, even fonts) looks fresh and fashionable. Flat design forms a new flow with better media flexibility. Where will the flat be in five years? I can’t forecast. Just a few years ago Flash was among favorites too. Even FPhotoshop might finish like those fools (sorry, tools) for which the future firstly was “forever” but in fact they were forgotten much faster than formal farewell with them or their official “funeral” took place. However frankly, I feel flat design isn’t just a fad, it’s here to stay.

Enjoy the fair of flat icons below, use them in your next fantastic flat web design, and stir up the flight of your fancy.

Flat Icons

Flat icons - WebdesignerDepot.com

1). Free download: 12 Flat SEO icons
http://www.webdesignerdepot.com/2013/07/free-download-12-flat-seo-icons/
by Ben Moss: “This set of 12 flat SEO icons is perfect for adding a light-hearted and playful tone to sites.”

2). Free download: Flat but not flat rounded social icons
http://www.webdesignerdepot.com/2013/07/free-download-flat-but-not-flat-rounded-social-icons/
by Ben Moss: “Flat design is all the rage, and trend-conscious clients are beginning to ask for redesigns to meet the current fad for all things flat.”

3). Ultimate Collection of Various Helpful Flat Icons Packs from 2013
http://www.land-of-web.com/resources/ultimate-collection-ov-various-helpful-flat-icons-packs-from-2013.html
by admin: “Today I have completed a comprehensive collection of various truly valuable flat icons that were released during this half-year. You will find icons for social media, mobile apps, navigation and much more.”

4). 20 Free Flat Icon Sets
http://speckyboy.com/2013/05/29/20-free-flat-icon-sets/
by Paul Andrew: “…today we have some more flat resources for you, namely free flat icon sets.”

5). 35 Beautiful Free Flat Icons Sets that You can Use
http://www.onextrapixel.com/2013/07/04/35-beautiful-free-flat-icons-sets-that-you-can-use/
by Rahul Chowdhury: “Flat icons are a new trend in designing UI, and they are perfect if you are looking for a good and minimalist design to capture your audience’s attention, and nothing can be better than a collection of some awesome and beautiful free flat icons.”

6). Exclusive Freebie for Noupe’s Readers: Freepik’s 200 Beautiful Flat Icons
http://www.noupe.com/freebie/exclusive-freebie-for-noupes-readers-freepiks-200-beautiful-flat-icons-77112.html
by Dieter Petereit: “Flat Icon Set: 200 Symbols as PNG, AI and EPS.”

7). 20 Flawless Flat Icon Sets Which Works Perfectly On Any Modern Graphic Design Project
http://www.topdesignmag.com/20-flawless-flat-icon-sets-which-works-perfectly-on-any-modern-graphic-design-project/
by Bogdan: “Below you can see a collection of 20 flat icon sets which will help you create a fluent visual navigation.”

8). Flat icons: More than 3600 icons
http://www.iconshock.com/icon_sets/flat-icons/
by admin: “it is time for some free icon bounty, for today it’s a softly colored yet vibrant flat-styled iconset comprised of more than 3600 flat icons. (without counting the 3 sizes included) Free for commercial or personal use.”

9). 6 Blue Flat Icons
http://www.bestpsdfreebies.com/freebie/6-blue-flat-icons/
by Michael Reimer: “If you like flat UI, these elements are for you.”

10). Flat Social Media Icons
http://www.bestpsdfreebies.com/freebie/flat-social-media-icons/
by Michael Reimer: “10 beautifully flat designed social media icons.”

11). 48 Free Flat Icons by Pixel Fabric
http://enfuzed.com/48-free-flat-icons-by-pixel-fabric/
by Enfuzed: “These 48 free flat icons are brought to you courtesy of Lukas Jurik of Pixel Fabric.”

12). 24 Flat Icons (PSD)
http://www.premiumpixels.com/freebies/24-flat-icons-psd/
by Jan Dvořák: “4 flat style icons contributed by super-talented Jan Dvořák. The PSD includes all 24 icons which are fully layered for easy customisation.”

13). Epic Flat 510+ icon set
https://creativemarket.com/EpicShop/6021-Epic-Flat-icon-set(200-and-counting)
by EpicShop: “I plan to make it the biggest flat icon set on the web so will be adding 20+ icons every week.”

14). 48 Flat Icons
http://dajzafree.net/2013/05/48-flat-icons/
by DAJZAFREE: “CREDITS: Lukas Jurik.”

15). Adobe CS6 Custom Flat Icons Freebie
http://www.supercolortuts.com/adobe-cs6-custom-flat-icons-freebie/
by Adrien de Broglio: “In this pack you will find custom CS6 software icons, Files icons and Filetype icons with some nice soft colours.”

16). Flat Icons Freebie
http://dribbble.com/shots/1076502-Flat-Icons-Freebie
by [removed]

17). Social icons – freebie
http://dribbble.com/shots/1114918-Social-icons-freebie
by Pierre Borodin: “Nothing special just only social icons.”

18). Flat Icons Brownie Theme
http://dribbble.com/shots/1113492-Flat-Icons-Brownie-Theme
by Sunbzy: “I want to eat a brownie while working. and trendy flat icons
is hot right now.”

19). 100 Flat Icons for Graphic Designers
http://blog.karachicorner.com/2013/03/100-flat-icons-for-graphic-designers/
by admin: “100 flat icons pack come in 11 different sizes from 16*16px to 4096 to 4096px and in .PNG format.”

20). 3D Flat Icons
http://www.behance.net/gallery/3D-Flat-Icons/9071419
by Blues design

21). 35 Flat Icons and Web Elements for UI Design
http://graphicdesignjunction.com/2013/04/flat-icons-and-web-elements-for-ui-design/
by Yasir Jawaid: “…a huge collection of Flat Icons, UI Kits and Flat Web Elements for user interface designing.”

22). Flat Jewels Icon Set
http://pixelkit.com/kits/flat-icon-set
by admin: “Pack contains 133 different icons.”

23). 40 New and Free Icon Sets
http://speckyboy.com/2013/07/09/40-new-free-icon-sets/
by Speckyboy Editors: “…all of the sets below have been professionally designed and are perfect for any project. You will find web icon sets, glyphs, pictograms, mini-icons, social service icons, a few new iOS 7 icons sets and plenty more in-between.”

Flat Buttons and UI Sets

Metro UI set - FreePSDFiles.net

0). 36 High-Quality Flat Design Resources
http://mashable.com/2013/07/29/flat-design-ui-kits/
by Grace Smith: “To help you get started with flat design, we have compiled 36 beautifully designed premium and free UI PSD kits, each featuring a variety of interface components and elements for use in your projects.”

1). Flat UI Kit (free download)
http://www.webdesignerdepot.com/2013/05/flat-ui-kit-free-download/
by Ben Moss: “You can use the file for personal and commercial uses.”

2). Freebie: Colorful Flat GUI Set part4
http://www.land-of-web.com/freebies/psd/freebie-colorful-flat-gui-set-part4.html
by admin: “Today’s freebie is our fourth part of colorful trendy flat GUI pack… Free for personal and commercial use.”

3). Flat UI Free – PSD&HTML User Interface Kit
http://designmodo.com/flat-free/
by Adrian: “Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.”

4). 10 UI Kits For Flat Web Design
http://whodesigntoday.com/ui-kits-for-flat-web-design/
by David Martin: “User interface templates such as PSDs or coded GUI files allow you to save time on design, PSD to HTML conversion and coding. You can quickly build a concept or live prototype which can be super handy if your on a limited budget or time restriction.”

5). Metro UI PSD Set
http://freepsdfiles.net/buttons/metro-ui-psd-set/
by Free PSD Files: “Metro UI PSD set containing a large amount of objects – more than 20! We’ve designed buttons, sliders, tabs, navigations and lots of graphics in clean, flat style. Download the whole set now for free.”

6). Flat UI Kits, Best for Web and App UI Design
http://blog.karachicorner.com/2013/05/best-flat-ui-kits-for-web-and-app-ui-design/
by admin: “In this roundup you can find Flat UI Kits and Web Elements for Web and Mobile App UI Design.”

7). Flat iPhone 4/5 Mockups (PSD)
http://www.premiumpixels.com/freebies/flat-iphone-45-mockups-psd/
by Josh Laincz: “…a set of flat style iPhone mockups, is a sweet contribution from designer Josh Laincz. The pack includes both the iPhone 4 and 5 in a fully layered and scalable format.”

8). Kanso – Semantic Flat Buttons
http://www.kolszewski.com/kanso/
by Kris Olszewski: “Kanso (簡素), in Japanese aesthetics, means simplicity or elimination of clutter. Things are expressed in a plain, simple, natural manner. Reminds us to think not in terms of decoration but in terms of clarity, a kind of clarity that may be achieved through omission or exclusion of the non-essential.”

9). FlatDSGN – Freebies and Inspiration Resources in the Flat Design
http://flatdsgn.com
by admin

 
Please note:
To find more (the most fresh) resources and articles on flat web design, follow our Pinterest board Flat Web Design.

About the Author
Sean Brown is the editor of HTMLcut blog. Starting as a software developer (FORTRAN, Lisp, C, C++, HTML / CSS / JS), now he is wearing the hat of marketing and copywriting manager.

 

Comments (6)

  1. Pingback: F-Post: 30+ Fantastic Sets of Flat Icons, Buttons and UI Kits | Design News

  2. Awesome collection, thanks!

    Amy

  3. free flat icons are always a great found

    Steve

  4. Great list and thanks for including a couple of ours. List would have been a bit more effective with pictures though.

    Mike Yasieniuk

    • “thanks for including a couple of ours” – You are welcome :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>