FreebiesNataly Birch • February 16, 2018 • 6 minutes READ
There are certain things in user interfaces that are eternal. Whatever the trend is — skeuomorphic, minimal, flat — designers will adapt to the current situation. One of the integral bricks of any good design is icons.
As a clear graphical representation, an icon naturally bridges the gap between the web application and user. You do not need words — an icon can say everything for you. Whether it is just a minimal line style pictogram like Icons from Swifticons or lavish and bright pictograms like one from Material Icons Bundle by Iconshock most likely, your users will receive the proper message.


Good user experience requires a well-thought-out selection of icons. Depending on chosen style, theme and goal, icons can be solid or outlined, monochrome or colorful, minimalistic or highly-detailed, static or dynamic. Let’s consider some of these stylistic choices more thoroughly.
Linecons is a set of remarkable free vector icons. The set contains 48 fully scalable vector icons in outline styles. You can use these icons when creating web and mobile interfaces. They will suit any site theme or design.
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

We begin with the most popular style of the several years – hole icons. They are everywhere. Websites, dashboards and mobile applications are populated with outlined graphics. To get started in this way, take a look at Mmmicons by Mint. Covering 500 assorted items presented in different styles, the bundle is enormous.

Prometheus Free Icon Set by Taras Shypka is a unique take on a classic line style interpretation. While symbols are made with the help of basic lines and space (or negative space), they are also spiced up with tiny colorful shifted shadows giving each item an offbeat look.

Unlike outlined icons, solid icons are a better alternative when it comes to interfaces with poor contrast or lots of content. Being visually heavy, they easily catch the eye. Also, they are great for modifications since solid shapes are easier to manipulate. Take a look at IOS 11 UI Elements Vol 1 by Jemis Mali and Interface Icons.

The freebie by Jemis Mali comes in two separate volumes, yet bundle nicely. Together they embrace all the elements that are necessary for the iOS-based interfaces.
With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.
Pack by EverydayTemplate has more than 200 icons presented in two styles, thick outline and solid. Each item is available in three basic formats — AI, EPS and PNG.

Colorful icons never get old. Depending on tones and shades that dominate this year, designers create their freebies. For example, Dusk UI Icons and The Color Icons Set benefit from the trendy soft pastel palette that is just gorgeous.

Dusk UI is more sophisticated and intricate than the Icon Set by Pixeden that takes on a modest minimalistic approach. It is also playful and cheerful whereas the second one is businesslike and modest.

Social Media Icons and Radical Science Icons employ a traditional bright coloring yet with some twist.

Pack by IconBunny will please you with 14 stylistic choices including both colorful and monochrome variants. Each icon is delivered in three formats — CDR, EPS, and PNG.
Icons in the pack by InvisionApp have a lovely artistic vibe looking pretty much like tiny illustrations. The artist has prepared the freebies in six formats — AI, EPS, JPG, PDF, PNG and SVG — and three stylistic options — filled, flat and outlined.

Animated icons take a special place in our collection. Slowly but surely we are getting used to dynamic elements in interfaces, such as hover effects, parallax and animated icons. The small bundle by Icons8 is for a non-static dogma. There are 60 dynamic items in an elegant line style that are ideal for building material-inspired designs.

As a rule, the first formats that come to mind are PNG, AI, PSD, EPS and Sketch. However, there are two more choices that are not only relevant but also more suitable for many projects. These are SVG and WOFF or TTF.
Although SVG dates to 2000, only recently did it become popular, thanks to its ability to scale to any size without losing quality. Being an XML-based format, it can be easily searched, indexed, compressed and even animated. Consider:



Unlike previous sets that boast more fragile, clean aesthetics, PathLove is a selection of bright, cartoonish icons. They are funny, playful and just adorable.

Icon fonts are great for numerous reasons. First, you can set styles using CSS without Photoshop or any other image editing software. The graphics will look great on any device of any size. It is an elegant way to incorporate iconography. Though the solution is limited by a lack of variety and stylistic choices. But, for numerous projects, that is sufficient. There are several web fonts on our list.

Fontisto is a professional web font that covers such categories as accessibility, currencies, payment, transportation, e-commerce and others. There are more than 500 characters.

Jam is another web font with a huge collection of pixel-perfect icons. It has 422 items made in a subtle design. It is divided into such groups as web, directions, video/audio, text and social.
Bicon and Devicons are less impressive sets of icons, yet still, they are helpful. Both freebies include around 200 items. Whereas Devicons is a bit trivial, Bicon has some interesting symbols inside like ufo, tree, video cam, etc.


Icons are not as limited as several years ago. We have plenty of choices. There are different formats, different sizes, different styles and different themes; they are even presented in two states, static and dynamic. Without a doubt, iconography has become more flexible, adaptive, versatile and sophisticated.
Tell us which format you prefer to use. What style is your favorite? Have you ever created interfaces without icons?
Nataly is an exceptional web designer and developer with a master’s degree in computer science. She is highly skilled in helping clients establish a strong online presence and achieve their digital marketing goals across various sectors, including email design, email marketing, and web development. Nataly remains at the forefront of the industry by staying updated with the latest trends through continuous learning.
Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.
We create beautiful website and email builders, helping 30,000 customers to grow their business.
A simple tool to create emails and newsletters.
Create an animated website in minutes.
A perfect tool to create Bootstrap website.
Earn 25% commission on affiliate sales. We have everything you need to make money.
Our useful services seamlessly integrated with each other and our products to get you to the finish line faster.
Drag-n-drop solution for your static website to quickly host your static website.
Design in the cloud and create new websites seamlessly, without any coding skills.
Talk to your audience at scale. Send your email marketing campaign quickly and easily.
Get website downtime alerts by phone call, SMS, email, Slack, etc when your website went down.
Whether you’re an experienced web designer, developer, marketer, or a newbie looking to learn the basics, there’s something for everyone on this blog.
173 articles
137 articles
110 articles
96 articles
90 articles
23 articles
16 articles
92 articles
148 articles
57 articles
52 articles
18 articles
100 articles
35 articles
64 articles
We’re always looking for new authors. We’re happy to publish useful articles and tutorials related to web design.
Made by Designmodo.
This website design and code was built using our tools. Treat it as a proof of concept.
Subscribe now to receive discounts, news, and updates. We pinky swear to not spam you. 😉
Copyright © 2010-2024. All Rights Reserved
We use cookies to ensure that we give you the best experience on our website. Privacy Statement.
Your cart is empty 🙀
Get started with the most advanced email builder for your next campaign or newsletter.
A perfect tool to create website or prototype projects. It will fit all kinds of projects.
Create an amazing static website in minutes and export ready-to-use template.
Get started with the most advanced email builder for your next campaign or newsletter.
A perfect tool to create website or prototype projects. It will fit all kinds of projects.
Create an amazing static website in minutes and export ready-to-use template.
Create an amazing static website in minutes and export ready-to-use template.

source