Sharing is caring!

Last Updated on May 25, 2020

When it comes to web design, the devil is in the details. Icons and buttons play an important role in the design of a website or app. It could mean the difference between a good user experience versus a clunky one. For designers, finding a good user interface kit is like finding treasure. It’s akin to a geologist finding a really cool rock in his backyard.

The user interface kits on this list are tools to help you solve common design issues without having to spend hours designing your own kit. Without further adieu, let’s get to it.

Free Designer Resources

All the kits on this list are free to download and use for everyone. Below are some sites where you can search for UI kits by keyword or use filters to narrow the search results.

• Flat Icon: a massive site full of free icons available as SVG or EPS vector, PNG, PSD, and Icon Font. Here you can search through their library of over 200,000 free icon packs.
• 365 PSD: a huge collection of stylish PSD files and vector graphics. You can search through millions of free and premium graphics. Unlock the content by sharing on a social network profile.
• Web Designer Depot: lots of awesome freebies and no funny stuff. This site is always being updated with fresh content.
• Web UI Kits: browse 70+ UI kits available on this site. You’ll find plenty of clean, minimal graphics to use for any modern web presence.
• Freebies Bug: this site has thousands of free icon sets for you to browse through.
• Pixel Buddha: find free UI kits ready for download. No subscription necessary.
• Design Shock: no ads, just tons of free icons. This user-based website gives you access to millions of buttons and icons. Take note that free versions of these icon sets are limited, only giving you around 20% of the full versions.
• Dribbble: this awesome social network for designers has tons of resources. Share your ideas, download freebies, and get inspired.
• Freebies Booth: a spam-free site full of free stuff for designers. Definitely worth checking out.
• Premium Pixels: thousands of free downloads for “creative folk.” Search through this selection to find the right graphics for your next project.

Niche Specific UI Kits

The following links will take to you free UI kits that you can use for specific purposes. The list contains vector-based images for business, social sharing, blogging, and more. Some of these sets will fall into multiple categories. These are all free for personal use, but you may have to subscribe or share a link to unlock the content.

Material Design

• Google’s Material Icons: get the official material design icons here. Get over 750 glyphs which come in a variety of different weights and sizes.
• Material Design UI Kit: a material design kit you can use to build a website. It’s based on an online magazine called Ultralinx.

Flat Style

• Flat Icon Set 1: this is a black and white set of 28 flat icons.
• Flat Pricing Table Set: this kit comes with everything you need to create an attractive three-tiered pricing table. It includes buttons, star ratings, and page nav icons.
• 110 Free Flat Icons for Webmasters: a set of simple flat icons with some essentials like arrows, play buttons, calendars, etc.
• 350 Vector Web Icons: set of white icons on a red background from designer Ramil Derogongun.
• 33 Bold Line Icons: a simple set of bold icons on a blue background.

Social Networking

• Socialoha! Icons: set of 756 vector based icons in multiple styles. Lots of good stuff here.
• Freepik Social Icons: thousands of social media logos for sharing to choose from.
• 41 Social Media Icons: a handsome set of colorful social networking icons.
• Subscriber Count Icons: three social sharing counters for RSS feeds, Twitter, and Facebook.
• Social Media Icons Pack: 74 crisp social media in seven different flavors.

Business

• Financial Icons: white financial icons for ecommerce or marketing sites.
• Insurance Icon Set: set of six icons. Ideal for an insurance company.
• 60 Travel Icons: vibrant set of icons for the travel industry.

Blog or Magazine

• Blog / Magazine UI Kit: a clean and modern UI kit. Has a mobile-first feel.
• Creative Mind UI Kit: great template for an artistic blog.
• Ghost Ship Mobile UI Kit Free: build beautiful card-style layouts with this kit.

Buttons

• Summer UI Kit: these buttons make great use of warm colors and material design.
• Colorful Buttons: a small but useful kit of flat buttons for a flat user interface.
• Kinds of Web Buttons: free vectors for building different kinds of buttons.
• Freebies Booth Buttons: not a big selection but this may have some buttons for your next project.

Vintage and Retro

• Design Frames Retro Pack: small pack of frames for custom text.
• Retro Volume 1: some very nice retro icons with a vintage feel.
• Infographic Icons: search through the pages to find icons for infographics for any project.

Food and Drink

• 50 Food Icon Set: this whimsical set of food icons will make your mouth water.
• Simple Line Icons 2: minimal icon shapes for food-related purposes.
• Foodies Icon Set: large set of food icons in three different styles.

Your Next Design Starts Here

This list has some real gems in it. These detailed icon and button sets are ready for action. Get familiar with the sites on this list and you will surely be a happy panda. You’re likely tofind all the components you need for your next project. Or, at the very least you’ll get plenty of ideas on how to style your navigational menus, calls to action, notification boxes, and more.

Brenda Barron

Brenda Barron is a writer from southern California. When not writing about blogging and business, she’s spending time with her family and knitting.