Line25

20 Free UI Kits & Icons For Your Flat Web Designs

Read the full post

Love it or hate it the trendy flat style of web design is here to stay. If you’re looking to implement the flat style into your own designs, here’s a few resources to get you started. In this post I’ve rounded up all the best flat UI kits and icon packs to arm you with a range of quality tools for creating pixel perfect app and web interfaces.

Flat UI by Designmodo

Flat UI by Designmodo

Flat UI Kit by Web Designer Depot

Flat UI Kit by Web Designer Depot

Flat UI Kit by Riki Tanone

Flat UI Kit by Riki Tanone

Flat UI Kit by Devin Schulz

Flat UI Kit by Devin Schulz

Eerste Flat User Interface Kit by Design Your Way

Eerste Flat User Interface Kit by Design Your Way

Metro UI Kit by Tempees

Metro UI Kit by Tempees

Square UI Free by Designmodo

Square UI Free by Designmodo

UI Kit by Abhimanyu Rana

UI Kit by Abhimanyu Rana

Flat UI by Andy Law

Flat UI by Andy Law

Flat UI Kit 2 (Blog) by Riki Tanone

Flat UI Kit 2 (Blog) by Riki Tanone

Flat UI Kit by Zachary VanDeHey

Flat UI Kit by Zachary VanDeHey

Free Colorful Icons by Michael Dolejš

Free Colorful Icons by Michael Dolejš

Free Flat Icons by Jan Dvořák

Free Flat Icons by Jan Dvořák

Free Flat Icons by Buatoom

Free Flat Icons by Buatoom

Flat Icons Freebie by Seevi

Flat Icons Freebie by Seevi

Free Flat Social Media Icons by Designmodo

Free Flat Social Media Icons by Designmodo

Linecons Icon Set by Designmodo

Linecons Icon Set by Designmodo

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

20 Comments

  1. I’m getting gradient withdrawal symptoms

  2. Reece says:

    Hey, this is a great post – really enjoyed reading best flat UI kits! I’ll be sure to bookmark this site as i’m really impressed by your selection, especially; the Flat UI Kit’ by Zachary VanDeHey. Thank you!

  3. Dan says:

    Excellent round up, I’ve really been getting into flat design recently!

  4. I came to your site and Im glad I did.

    We are looking at moving our site onto a flat design and some of these are fantastic. Especially the one by Andy Law.

    Many thanks,

    Nick

  5. Adam says:

    Nice collection. Thanks!

  6. el-abda3.com says:

    thanks you rock :)

    :)

  7. Ahmed Ali says:

    As always Chris, pleasure reading your posts!. Its good to know to see people giving these for FREE!

  8. umair says:

    please chirs publish psd to wordpress i love this type of tutorials thanks.

  9. Albert says:

    I just love Metro UI designs after the launch of Windows 8. But the metro UI kit design should have clear tiles short tiles on lower distance, it’s quite different from real Windows tiles. Anyways, i still like this metro design. :)

  10. AviaT- says:

    Wonderful collection!

    I’ve designed some of my own and would love to hear your thoughts on them.

    http://aviatstudios.com/2013/06/19/free-flat-social-media-icons/

    P.S. Love the re-design of this by the way.

  11. Tom Durkin says:

    Great collection, thanks for putting these together. Think I’ll be using the blog kit by Riki Tanone very soon!

  12. Wow!! Thanx for sharing :)

  13. Killer share Chris, nice job on sharing these designs. Flat designs are in right now and a lot of our clients have been requesting them left and right. Personally I’m not too fond of the metro designs, but the rest are super clean and elegant.

  14. If only microsoft had used some of these when designing the new hotmail/live..

  15. Awesomeness is in the simplicity, i am always finding the stuff like that..and the comment box font is also interesting! i like to say it as .. i nice website with beautiful collection.

  16. Justin Y says:

    I was having a hard deciding which one of these kits is my favorite, but I’m going to say that Devins kit is the cleanest out of the bunch.

  17. Ankit says:

    Great Post. Really helped me especially with the flat icons. Got me going.
    Thanks for the awesome help you have provided by compiling all these. Good luck.

Sorry, comments are now closed