It’s just a matter of finding the icon set that best suits the requirements of your project. That’s where this collection comes in. If your web design project has taken a minimalist approach, you’re building a clean and simple mobile app, or you are looking for something a little more playful, you will find the icon set you need here.

Additionally, some icon sets have been designed for specific purposes, such as eCommerce, weather, or social media, making it easier to find relevant icons.

The free icon sets below are available in various formats (SVG, PSD, AI, EPS, and Webfonts) and for different UI applications, like Sketch, Figma, and Adobe XD. All of the sets are free to download, and most allow you to use them in both your personal and commercial projects. However, please check the license before you use them.

With such a variety of free icon sets available, UI designers can find the perfect icons to fit their project’s style, tone, and purpose here.

Open-Source Icon Libraries

Open-source icon libraries offer a range of high-quality free icon sets for designers and developers to use in their UI projects. These libraries are community-driven and provide flexibility in customization.

Linear & Bold Iconsans

660 Icons, SVG, Vue & React Packages

Mage Stroke, Fill & Brand Icons

1089 Icons, SVG, Figma & React Package

Atlas Icons

2,701 Icons, SVG, Figma, Web Font, React & Vue

Bootstrap Icons

2,000+ Open-Source Icons, SVG, SVG Sprite & Webfont

Fluent Icons

4,000+ Open-Source Icons, SVG, PNG, WEBP & Figma

Sargam Icons

280+ Open-Source Icons, SVG & Figma

Supercons React Iconset

200 Open-Source Icons, SVG & React

Heroicons 2.0

288 Open-Source Icons, SVG & Figma

Material Icons on Google Fonts

2,000+ Open-Source Icons, SVG, PNG, Webfont & Figma

For more Material Design icon sets, take a look at this collection.

Glyphs Complete Icon Design System

6,000+ Open-Source Icons, SVG, Figma, Webfont, Vue & React

Iconoir Icon Collection

1,500+ Open-Source Icons, SVG, Webfont, React, Figma & Framer

Slim Icons

187 Icons, SVG

Tabler Icons

5,200 Icons, SVG & PNG

Phosphor Icons

9,072 Icons, SVG, Figma & Sketch

Boxicons Web-Friendly Icon Set

1,500+ Open-Source Icons, SVG & Webfont

Glyph & Pictogram Icon Sets

These icon sets offer a minimalist approach to icon design, featuring basic shapes and symbols to communicate their meaning. Glyphs and pictograms are ideal for presenting information in a clean and concise manner.

Notion Icons

2,200 Icons, SVG, Figma & PNG

Tetrisly Icon Library

260+ Icons, SVG & Figma

Website UI Thin Line Icons Pack

60 Icons, AI, EPS, PNG & SVG

Iconic Pixel-Perfect Icons

200 Open-Source Icons, SVG Format

Line Icons Expanded

200+ Icons, AI, EPS, PSD & PNG

Universal Icon Set

60 Free Icons, Figma, IconJar, SVG & PNG

Glyph Neue

1,500+ Free Icons, SVG & PNG

Pebble Icons

160 Free Icons, React Package, SVG & PNG

Vuesax Icon Kit

6,000+ Free Icons, Figma, Sketch & Adobe XD

Anron Icons

480+ Free Icons, SVG & Figma

Akar Rounded Icon Library

434 Free Icons, SVG & Webfont

Majesticons

7,300+ Free Icons, Figma

Dripicons v.2 Icon Set

200 Free Icons, PSD, AI, EPS, PDF, SVG, Sketch & Webfont

Dazzle Icons

1,800 Free Icons, SVG & Figma

Gonzocons 2.0

100 Free Icons, Webfont

Pure CSS Icon Sets

These icon sets have been created entirely using CSS without the need for any images or JavaScript. The sets offer scalable, customizable, and fast-loading icon sets for web designers.

Pure CSS Icon Set

512 Free Icons, CSS

Minimal Icon Sets

These simple and minimally designed icon sets feature clean, uncluttered designs that focus entirely on the bare essentials of each glyph. They are a customizable option that will allow you to seamlessly fit them into many design styles and UI projects.

Lineicons

8,400 Free Icons, Webfont, SVG, Figma, PNG & React

Basicons

326 Free Icons, React Package & SVG

Iconex

1,000+ Free Icons, Figma

Regular UI Line Icons

56 Icons, AI & EPS

Ripple Icon Library

302 Free Icons, Figma

Edge Outline Icons

450+ Free Icons, Figma

Doodle Icons

400 Free Icons, SVG, PNG & Figma

Minimal Icon Pack

1,800+ Icons Free, Sketch, Photoshop, AI, SVG, EPS & PNG

All Purpose Line Icons

70 Icons, Free, AI & Sketch

Line & Solid Icons

90 Icons, Free, Sketch App & AI

Tiny Style-Controlled Iconset

Free, SVG

20×20 Line Icon Set

Free, AI, Sketch

Line Icon Set for Designers

Free, AI, EPS, SVG, PNG

Colorful Icon Sets

This selection of colorful icon sets offers a vibrant and dynamic option for UI designers looking to inject energy into their projects. They are versatile and can be used with various design styles.

BlobsIcons Colorful Icons

328 Free Icons, SVG

Mex~Icons – Mexican-Themed Icon Set

Free, AI, EPS & PNG

Colorful Ficons Icons

Free, 120 Icons, PSD

Graphic & Web Design Icon Sets

Web Design Filled Icon Set

50 Icons, PSD, AI, Figma, Sketch & Affinity Designer

Web Design Outline Icon Collection

50 Icons, PSD, AI, Figma, Sketch & Affinity Designer

The Free Art Tools Icon Set

Free Icons, AI, SVG, PNG

eCommerce Icon Sets

These free sets feature icons specifically designed for online stores and shopping. They offer a range of options to communicate important eCommerce information, like payment methods, shipping options, and shopping carts.

eCommerce Line Icon Collection

150+ Icons, EPS, AI, SVG & Affinity Designer

eCommerce Icon Pack

40 Icons, PSD, AI, Sketch & Figma

Retro Business Icons

170 Free Icons, Free, Sketch

Colorful eCommerce Icons

50 Icons, AI, EPS, PNG & SVG

Smashicons Retro Business Icons

170 Free Icons, AI & Sketch

eCommerce Icon Pack

42 Free Icons, PSD & AI

Weather Icon Sets

These icon sets are commonly used in weather apps and websites to help communicate various weather conditions, such as temperature, sunny, cloudy, or rainy.

Weather Icons

30 Free Icons, Sketch Format

Bold Weather Icon Set

25 Icons, Figma Format

More Free Icon Sets

The post Top 50 Free Icon Sets for UI Designers in 2025 appeared first on Speckyboy Design Magazine.

One of the great things about using an icon font is its scalability. They can be resized without losing quality, making them perfect for responsive web design. With CSS media queries, they can be scaled up for desktop or down for mobile. Icon fonts are also fully customizable, allowing you to adjust the size and edit colors to fit the aesthetic of a UI design.

Adding icon fonts to any web design or mobile app project is easy using CSS. You load the font file using @font-face, and using standard CSS rules, you can set the font-size, color, padding, margin, or other properties.

Although very popular, icon fonts do also have their pitfalls. Ian Feather has discussed his reasons for switching from an icon font to SVG, and CSS Tricks have outlined some considerations when choosing between icon fonts or SVG icons. Both favor SVG.

As a counter-argument, Pictonic has said that icon fonts are 10% faster than SVG. These are just things you should consider before using icon fonts.

To ensure that your icons always load correctly and have reliable fallbacks for browsers that don’t support @fontface, you should take a look at the guidelines set out by the Filament Group, here.

The Pros & Cons of Icon Fonts

Icon fonts provide consistency, accessibility, and customization options while maintaining cross-browser compatibility. However, it’s essential to consider their pros and cons and choose the best icon format based on your specific design needs.

Here’s what you need to know about using icon fonts for UI design:

1. Scalability: Icon fonts are vector-based, meaning they can be scaled up or down with no quality loss.
2. Lightweight: Icon fonts are typically smaller in file size compared to image-based icons, reducing page load times and improving website performance.
3. Ease of Use: Incorporating icon fonts into your UI design is straightforward. You can include them in your HTML and CSS, then style and size them.
4. Consistency: Icon fonts provide a consistent look and feel across various devices and browsers.
5. Customization: You can easily customize icon fonts by adjusting their size, color, and other CSS properties. This flexibility allows you to match icons to your project’s design.
6. Accessibility: Icon fonts can be made accessible by adding appropriate aria-labels and roles, ensuring that screen readers can interpret their meanings to users with disabilities.
7. Responsive Icons: Some icon fonts offer responsive features, allowing icons to adapt automatically to different contexts and orientations.
8. Cross-Browser Compatibility: Icon fonts are widely supported by modern web browsers, making them a reliable choice for web design.

However, there are some limitations to consider:

1. Limited Complexity: Icon fonts may not be suitable for complex or intricate icons that need multiple colors or fine details. In such cases, SVG icons might be a better choice.
2. Icon Diversity: While icon fonts offer a wide variety of symbols, they might not cover every unique design requirement. You may need to create custom icons or combine them with other icon formats.
3. Unicode Conflicts: Icon fonts use Unicode characters, which could conflict with actual text content if not managed correctly.

The Top Free Icon Fonts for UI Designers

Eva Icons Open Source UI Icon Set

480 Icons

These open-source icons include actions and items, from arrows and attachments to color palettes. With over 480 icons, it’s the whole package!

Ionicons Icon Pack for Ionic Framework

1,100+ Icons

Ionicons is a well-rounded icon pack for the Ionic framework. It includes numerous app icons (notifications, arrows, food, and more) and icons featuring renowned brands’ logos (e.g., Pinterest, Facebook, and others). You can download the outline, filled, or sharp icon renders as SVG or web font files.

Font Awesome

2,000+ Icons

Font Awesome is a hugely popular icon set with over 1,600 free icons. The FA gallery includes everything from brand logos to business and lifestyle icons.

Cryptofonts

1,250+ Free Icons, Icon Font

Line Awesome Icon Font

1,380 Icons

Add modern line icons to your projects with Line Awesome in just one line of code. It builds on Font Awesome, offering 1,000s of icons, from accessibility and buildings to arrows and brands. You can easily add them to your website (via CDN).

Dashicons, the WordPress Admin Icon Font

300+ Icons

Dashicons is an icon font for WordPress. It’s technical in style but gets the point across and is easy to use. From brand logos to TinyMCE, run wild!

Remix Icon Open Source Library

2,000+ Icons

Remix Icon is an open-source icon library with over 2,200 icons. All of the icons are free for personal and commercial use. You’ll get a wide variety of icons, from thin outline icons to filled symbols for extra emphasis. Download them as PNG, SVG, or code.

Themify Icon Font

320+ Icons

Inspired by Apple iOS, Themify icons offer over 300 beautiful minimalist icons. From arrows to app icons, you’ll get everything you need, such as an icon font for easier workflow integration (SVG included) or a plugin for WordPress. Themify icons are perfect for modern UI design!

Dripicons Line-Icon Font v.2

200 Icons

If you don’t want garden-variety line icons, check out Dripicons. This free icon font is incredibly easy to use, but the best part is that they’re beautiful! You’ll get a set of versatile bold line icons, from arrows and tech to education and music.

GitHub’s Octicons Icons

180 Icons

If you like GitHub’s aesthetic, you’ll love Octicons. These icons are available in two sizes (16px and 24px) and include some special-case icons, like pull requests. You can toggle between outline and filled icons, and they work well with different programming languages.

Foundation Icon Fonts

280 Icons

Get going with just a few lines of code and Foundation icons. This collection includes different sets, from general to accessibility icons, so there’s something for every project. Foundation icons work as a web font, so you don’t have to jump through hoops.

The Elegant Icon Font

360 Icons

Beautiful, elegant, and engaging – this icon font has over 300 icons. They’re simple to use, especially if you’ve used Elegant Themes or the Divi builder in the past. You will find everything you need, from file icons to arrows, in this set.

Feather Open Source Icon Set

282 Icons

Keep it simple with Feather, a collection of minimalist open-source icons. From arrows and chevrons to app UI icons, Feather is an excellent addition to your standard design toolbox. You can customize every icon’s size, stroke width, and color.

Typicons Icon Font

500+ Icons

Simple, friendly, and perfect for a wide range of projects, Typicons are a great choice. They are embedded in a web font, so they’re easy to use. You’ll get 336 icons, from cogs and arrows to brand logos. You can pick between filled icons or outlines.

Genericons Neue Icon Font

100 Icons

Simplify your design with Genericons, a set of simple and minimalist web and app design icons. They work well for blogs or simple websites where you want to keep the focus on your messaging. You’ll get plenty of icons for key features, from sitemaps to RSS feeds.

Microns Icon Font

164 Icons

Microns take pride in their simplicity. The collection includes icons for the most common use cases, from charts and arrows to navigation. They’re easy to encode, and the file is only 5kb, so they’re perfect for use across your project portfolio.

Stroke 7 Icon Font

200+ Icons

Straight out of the Pixeden workshop, Stroke 7 is a collection of thin-line icons. The set offers 200+ icons that can be customized with CSS. The icons are minimalist, so they won’t distract from your main message.

Stroke Icon Font Vol.1

80 Icons

Petras Nargela designed this set of 80 free icons. These beautiful, fresh, clean icons can be downloaded as PSD, AI, or web font files. If you need something different, you’ve found it!

Material Design Iconic Font

Created by Google, the Material Design icon set contains plenty of icons you can use across your projects. You just have to add one line of code to your website, and you’re good to go! Since community members constantly add icons, there’s plenty of variety.

CSSans Pro CSS Font

CSSans is a colorful and dynamic CSS font. It’s composed of multiple colorful geometric elements that add vibrancy to your designs. CSSans is all about personality! It’s infinitely customizable.

MFG Labs Icon Set

120 Icons

The MFG Labs icon set was originally designed for an internal project, but the team couldn’t resist sharing this icon set. They’re easily embeddable and customizable with CSS. You’ll find all the icons necessary to create the right atmosphere for your next design.

Ligature Symbols Icon Font

240 Icons

Ligature Symbols is an icon font with fun and minimalist icons. Individual icons can be combined to create ligatures (e.g., combine table and cell icons to create grids), improving this collection’s usability. You’ll find everything you need here.

Devicon 2.0 Programming & Development Icon Font

180+ Icons

Devicons are friendly, developer-friendly icons created to represent programming and tools. From Chrome and Confluence to Django and Illustrator, you’ll find the icon you’ve been looking for. You can easily copy-paste them into your projects using either the font or SVG versions.

Mini Icon Font Set

80 Icons

Simple and clean, these mini icons are perfect for a wide variety of projects, particularly those more formal in tone. The icon collection contains 80 icons in Photoshop PSD and font formats. From download/upload symbols to location and weather icons, this set offers every icon you need!

Helium Icon Set & Font

100 Icons

Taras Shypka’s Helium icon set offers plenty of icons. Not only do they come in every format imaginable, but you can also use them as an icon font. You’ll get 112 icons with fine-shaded lines.

Gonzocons 2.0 Line Icons

100 Icons

Gonzocons, designed by Jan Rajtoral, includes 100 line-style icons that perfectly replicate modern icon design trends. From simplistic arrows to buoyant hearts and hourglasses, Gonzocons icons definitely have a personality. You can get them as SVG files or as a web font for easier integration with your app or site.

Map Icon Marker Font

180 Icons

Map Icons is an icon font made for Google Maps and Places. You can customize them with CSS, and pick from over 180 icons. From general icons for hair salons to icons for activities, this set gives you plenty to choose from to make your next project amazing.

Top Free Weather Icon Fonts

Weather Themed Icon Font

222 Icons

If accurate forecasts are important to your next project, you’ll love this set of weather-themed icons. With over 200 icons (including specialty icons like 28 lunar phases), you’ll be ready to create something amazing! You can easily customize them with CSS to fit your needs.

Meteocons Weather Icon Font

40 Icons

Get 40+ minimalist and friendly weather icons with Meteocons. This set offers every format imaginable, from SVG to desktop and web fonts. They’re free to use personally and commercially, and you can even create a custom font with the icons you frequently use.

Top Free Social Media Icon Fonts

Socialicious Social Media Icon Library

74 Icons

If you’re looking for incredible social icons, check out Socialicious. It gives you social media icons in font form, so they’re incredibly easy to use and even easier to customize. Integrate them with a single line of code and customize them with CSS.

Mono Social Icons Font

100 Icons

Engaging and dynamic, Mono Social are social media icons with a fun personality. You can use them for free and pick one of the three options (rounded, circle, regular) to fit your style. Use them with CSS, HTML, and SCSS. They’re free for personal and commercial use.

How to Use Icon Fonts

Adding icon fonts to a project typically involves a few simple steps. Here’s a general guide on how you can add icon fonts to your own web or UI project:

1. Choose an Icon Font Library: Select an icon font library from above that suits your project’s needs.
2. Download or Link to the Icon Font: You can download the icon font files and host them on your server or link to them via a CDN. Many icon font libraries offer both options.
3. Include the CSS Stylesheet: Link to the icon font’s CSS stylesheet in your HTML document’s head section. This stylesheet contains the necessary CSS rules to display the icons correctly.

   <link rel="stylesheet" href="path/to/icon-font.css">

4. Add Icon Elements to Your HTML: In your HTML markup, create elements (e.g., i, span, or div) with appropriate class names to represent the icons you want to use. Assign the class names provided by the icon font library.

   <i class="fas fa-heart"></i> <!-- Font Awesome Heart Icon 
   <i class="material-icons">star</i> <!-- Material Icons Star Icon 

5. Style & Customize Icons: You can customize the icons by applying CSS styles to the elements. Adjust size, color, and other properties.
6. Accessibility Considerations: Make sure your icons are accessible by providing alternative text or labels when necessary. This is important for users who rely on screen readers.

   <i class="fas fa-envelope" aria-label="Email"></i>

7. Testing & Optimization: Test your icon fonts across different browsers and devices to ensure consistent rendering. Optimize your project for performance by minimizing the number of icon requests and reducing file sizes.
8. Documentation & Maintenance: Document the icon classes you're using and keep track of any customizations for future reference and maintenance.

Refer to the documentation of each icon font for more detailed instructions.

More Free Icon Sets

The post 30+ Free Icon Fonts for UI Design appeared first on Speckyboy Design Magazine.

By using recognizable social media icons, you can make it easier to be found and followed on social media. Additionally, a consistent and professional icon design can improve the design of your UI.

There are many options for free social media icon sets. They come in various styles, sizes, colors, and formats, so you will need to pick the set that best fits the specific needs of your project.

This collection has thirty professionally designed and free social media icon sets to help narrow your search. They all include the icons and logos of all the major social media services – and some of the lesser-known – and come in various popular formats (icon fonts, Figma, Adobe XD, PSD, AI, EPS, Sketch, PNG, and SVG).

Standard Social Media Icon Sets

These free sets consist of the icons or logos of the most popular social media platforms, such as Facebook, Twitter, and LinkedIn. With their simple and recognizable design, these icon sets will make it easy for users to follow your channels.

Social Media Logo Icons

112 Free Icons, in Figma Format

Original Social Network Icons

100+ Free Icons, in PNG, SVG, and Base64 Formats

Free Social Media Icon Set

40 Free Icons, in Figma Format

Social Media Icons Kit

130 Free Icons, in Figma Format

Original, White, and Black Free Social Icons

159 Free Icons, PNG, SVG, and Figma Formats

Scalable Social Media Icon Set

111 Free Icons, in Figma Format

Social Media Glyphs & Pictograms

These social media glyph and pictogram sets have simplified the logos of most popular social media platforms, making it easier for users to recognize them. By using these glyphs, you can create a more cohesive user experience.

Socialtograms Social Media Pictograms

112 Free Icons, in AI Format

Free Social Media Vector Glyphs

48 Free Icons, in AI Format

Social Media Glyphs

29 Free Icons, in Figma Format

Drawic High-Resolution Social Media Icons

88 Free Icons, in SVG Format

Free Social Flat Design Icon Set

Sketch, SVG, and AI Formats

Free Social Media Fill Icons

30 Free Icons, in Figma and Sketch Formats

Free Social Network Icon Pack

15 Free Icons, in AI, EPS, PNG, and SVG Formats

Social Media Icon Fonts

Icon fonts offer a scalable and customizable solution for adding social media icons to a website, mobile app, or newsletter. With their streamlined design and ease of use, these icon fonts offer a simple and consistent solution.

Font Awesome Brands Icons

467 Free Icons, Icon Font Format

Simple Social Icon Webfont

51 Free Icons, Icon Font Format

Get Social Media Font

86 Free Icons, in SVG, PNG, and Icon Font Formats

Hand-Drawn Social Media Icon Sets

These social media icon sets feature handcrafted icons with an organic and memorable design. With their whimsical design, these hand-drawn social media icon sets can add a playful element to your social media presence.

Hand-Drawn Social Logos in Color

PNG, SVG, and Base64 Formats

Hand-Drawn Vector Social Media Icons

103 Free Icons, in AI, EPS, PDF, and SVG Formats

Social Media Icons in Various Hand-Drawn Styles

160 Free Icons, in PNG Format

Flat Design Social Media Icon Sets

These free social media icon sets use the always popular flat design aesthetic. They are all minimalistic, user-friendly, scalable, and customizable.

Free Flat Set of Social Media Badges Icon Set

20 Free Icons, in Photoshop PSD Format

Flat Social Icon Freebie

14 Free Icons, in Photoshop PSD Format

Free Social Media Icon Set

30 Free Icons, in AI, EPS, SVG, and PNG Formats

3D Social Media Icons

3D Social Media Icons Pack

8 Free Icons, in PNG Format

Free Social Media 3D Icon Set

22 Free Icons, in Photoshop PSD Format

Motion Graphic Social Media Icon Set

Social Media Icon Pack for After Effects

18 Free Icons, in AE Format

More Free Icon Sets

The post 25+ Best Free Social Media Icon Sets for UI Designers appeared first on Speckyboy Design Magazine.

Many mobile developers use gesture icon sets, or interaction icons, to show new users how to use a new application, or to bridge the learning gap of any new features, making them critical to a mobile application’s user experience and popularity.

By using standardized gesture icons, or interaction icons, across various operating systems (iOS & Android) and devices, designers can create UIs that are easy to use, thus making them user-friendly and accessible.

In this collection, we have fifteen free gesture icon sets for you. The gesture icons come in many different styles, sizes, and, most importantly, formats (Figma, Sketch, PSD, SVG, and EPS). And just like all free resources, please check the license of each icon set, as they can change from time to time.

The Top Gesture Icon Sets for Mobile UI Design

Device Gesture Icons

15 Icons in Illustrator AI, Photoshop PSD, and SVG Formats

Computer Web Gestures Icons

100 Icons in Figma Format

Gesture Icons

Designed by Frexy, 38 Icons in EPS and SVG Formats

Gesty

Designed by Mariusz Ostrowski in Illustrator AI, CSH, SVG, and EPS Formats

Touch Gesture Icons

39 Icons in Vector SVG Format

Free Gesture Icon Set

Designed by Rena One, 14 Icons in Photoshop PSD, and Illustrator AI Formats

Gesture Icons

Designed by Theme Raid, 50 Icons in Illustrator AI Format

Material Finger Gesture Icon Set

60 Icons in Illustrator AI, EPS, and SVG Formats

Hand Gesture Icons

Designed by Abdus, 12 Icons in Photoshop PSD Format

Handdrawn Touch Screen Gestures Pack

27 Icons in Illustrator AI, Photoshop PSD and EPS Formats

Gesture & Transition Icons

Designed by NOGA, 19 Icons in Sketch Format

Cartoon Hand Gesture Collection

32 Icons in Illustrator AI, EPS and SVG Formats

Free Touch Gestures

Designed by Tom Loots, 9 Icons in Illustrator AI Format

UX Gesture Icons

Designed by Gaoyoungor, 12 Icons in Photoshop PSD Format

iPhone Gestures

Designed by Julian Burford, 12 Icons in Illustrator AI Format

More Free Icon Sets

The post 15 Free Gesture Icon Sets for Mobile App Designers appeared first on Speckyboy Design Magazine.

Flat design icon sets use a limited color palette and simple shapes, they are often more visually consistent and cohesive than more complex icon sets.

Many flat design icon sets are available for free, making it easy for designers and developers to incorporate them into their projects. They can be used in a wide range of applications, from websites and mobile apps to print materials and marketing campaigns.

We have previously discussed flat design, analyzed it, showcased beautiful examples of flat web deisgn, and even published a fantastic collection of free flat UI templates, and today we have some more flat resources for you – a huge collection of free flat icon sets to use in your own projects.

Flat Color Icons

Includes 312 Icons, in SVG Format

731 Flat Icons

Includes 731 Icons, in AI, EPS, PNG, SVG & PSD Formats

Gallericons Rounded & Colorful Icons

Includes 30 Icons, in PNG & Sketch Formats

Basic Line and Solid Icons

Includes 500 Icons, in AI, EPS & SVG Formats

Flat PSD Icons

Includes 24 Icons, in Photoshop PSD Format

60 Flat Characters Icons

Includes 60 Icons, in AI, EPS, PNG, PDF & SVG Formats

Free Virtual Reality Icons

Includes 50 Icons, in SVG & PNG Formats

Simple Flat Icon Set

Includes 840 Icons, in AI, EPS, PNG & SVG Formats

Cinema Flat Icon Set

Includes 200 Icons, in SVG Format

Basic Flat Icon Set

Includes 100 Icons, in PSD, SVG, PNG & AI Formats

Flat Line UX & eCommerce Icon Sets

In AI, EPS, PNG & SVG Formats

Prettycons Flat Icon Set

Includes 200 Icons, in PNG & SVG Formats

100 Colored Food & Drink Icons

In EPS, SVG, PDF & PNG Formats

Flat Vector Icon Set

Includes 250 Icons, in AI, EPS, JPG, PNG, PDF & SVG Formats

170 Retro Business Icons

In Sketch App Format

30 Flat Workspace Icons

In Illustrator Format

30 Isometric Icons

In AI, EPS, PNG Formats

Media Flat Outline Icons

Includes 20 Icons, in Photoshop PSD, AI, EPS Formats

Retina Icon Set

Includes 200 Icons, in AI Format

Meroo Flat Icon Set

Includes 110 Icons, in Photoshop PSD Format

Flat Vector Icons

Includes 25 Icons, in AI Format

Flat Icon Set

Includes 60 Icons, in PNG, SVG, EPS, Photoshop PSD & AI Formats

Modern Flat Icons

Includes 60 Icons, in AI & Photoshop PSD Formats

Flat Business Vector Icons

Includes 14 Icons, in PNG & AI Formats

Flat Icons

Includes 20 Icons, in Photoshop PSD Format

Flat Icons

Includes 24 Icons, in Photoshop PSD Format

Cosmo Mini

Includes 1262 Icons, in PNG Format

Flat Icon Set

Includes 24 Icons, in Photoshop PSD Format

Flat Design Icons Set Vol1

Includes 16 Icons, in Photoshop PSD Format

Flat Design Icons Set Vol2

Includes 16 Icons, in Photoshop PSD Format

Flat Design Icons Set Vol3

Includes 16 Icons, in Photoshop PSD Format

Flat Design Icons Set Vol4

Includes 16 Icons, in Photoshop PSD Format

Flat Icons Pt.1

Includes 12 Icons, in Photoshop PSD Format

Flat Icons Pt.2

Includes 12 Icons, in Photoshop PSD Format

Kvasir Icon Set

Includes 180 Icons, in PNG & Photoshop PSD Formats

Flat iOS Icon Set

Includes 21 Icons, in AI, EPS & PNG Formats

Publicons

Includes 12 Icons, in PNG & SVG Formats

Flat Travel Sticker Templates

Includes 28 Icons, in AI & EPS Formats

The Free Autumn Kawaii Icon Set

Includes 50 Icons, in SVG & PNG Formats

Minimalist Flat Social Icons

Includes 72 Icons, in AI & EPS Formats

Square Flat Social Icons

Includes 14 Icons, in Photoshop PSD Format

The Social Media Badges Icon Set

Includes 20 Icons, in Photoshop PSD Format

Flat Social Media Icon Set

Includes 32 Icons, in EPS Format

Flat Payment Icons

In Photoshop PSD Format

Flat Credit Cards Icons

Includes 10 Icons, in Photoshop PSD Format

Flat Superheroes & Villains Icon Set

Includes 100 Icons, in PNG & SVG Formats

The post Top 40 Free Flat Icon Sets for UI Design appeared first on Speckyboy Design Magazine.

The beautifully simple aesthetics of Material Design can be seen across all of Google’s mobile apps (Gmail, Calendar, YouTube…) and desktop sites. And just as Apple’s iOS and Microsoft’s Metro changed the face of the web and mobile design a couple of years ago with their flat OS designs, Material Design is clearly having a huge impact on the current web and mobile design trends.

What we have for you today is a collection of free UI templates and icon sets that have been created by designers that have truly embraced the Material Design visual language.

Material Design UI Kits & Templates

Material UI Kit (PSD)

Material Design UI Kit Boilerplate (Sketch)

Covalent Material Design Template (Sketch)

Material Design Wireframe Kit (Sketch)

Material Design UI Kit (PSD).

Google Inbox Material Design (Sketch)

Nest Material Design UI Kit (Sketch)

Mobile Material Screens (PSD)

Android Lollipop Material Design UI kit by Ivan Bjelajac (Sketch)

Material Design UI Template & Icons by Kyle Ledbetter (Sketch)

Material Design UI Kit by Benjamin Schmidt (Sketch)

Material Design Inspired Bootstrap UI Kit by Vitaly Chernega (PSD)

Android L Keyboard by Sander Värv (Sketch)

Android L Kit by Rasmus Nielsen (PSD)

Android L Toolbox by Deividas Graužinis (PSD)

Android L Web and Mobile Interface by Abhinav Chhikara (PSD)

Google Inbox Templates by Abhinav Chhikara (PSD)

Android Material Design Template by Donart Bytes Selimi (PSD)

Instagram in Material Design Templates by Zach Buechler (PSD)

Material Design Icon Sets

Material Design Icons Custom Shape by Taylor Ling (431 Icons, CSH)

Material Design System Icons by Walmyr Carvalho (20 Icons, Sketch, PNG)

Android L Icon Pack by Icons8 (840 Icons, PNG)

Material Icons Pack by Benjamin Schmidt (435 Icons, Sketch, SVG)

Material Design Icon Grid by Jiangping Hsu (PSD)

Material Design Icon Templates by Gabe Will (AI)

Google Material Icons (Sketch)

Material Icons (Sketch)

Material Design Icons with Bounds (250 Icons, Sketch)

Material Design Powerpoint & Keynote Icons (425 Icons, PPTX & KEY)

More Free UI Resources

The post 30 Free Material Design UI Kits, Templates & Icon Sets appeared first on Speckyboy Design Magazine.