Icons have a significant role in giving you the first impression of a site or application interface. But it takes a lot of time and money to develop them from scratch. Using icons on your site allows you to effectively communicate with your visitors: they increase readability, highlight important content, re-enforce functionality or features, and enhance the design. Therefore, it is worth paying attention to ready-made best icon packs.
Also, when it comes to icon design, this is a great way to showcase designer qualifications. A sweet, nice icon pack is a perfect showcase of designer’s work and a powerful instrument to build up your reputation online.
Here are some great pros of using icons in your next UX design project.
- Icons help to increase the site or app readability.
- Well made icons help reduce text volume. Using icons makes your message understandable without text.
- Icons can add personalization to your product.
- Icons can be a good starting point in getting to know the product.
- Last, but not least: one of the most important functions of icons is to help users intuitively understand the application both at the first acquaintance and during subsequent use.
In this article, you will find a collection of some of the best icon packs you can use on your website or business, even if you’re not a creative artist. The products presented in this article may be used not only on common websites and in basic cases, but also in more complex and specialized ones.
We split the products into several categories for your ease. Before descriptions you will see the category this product belongs to.
- Free icon sets.
- Marketplaces. The marketplace contains icons from different manufacturers. Here you can find both cheap and expensive, as well as good and low quality products.
- Material design icon sets and Flat icon sets.
- CSS icon sets. CSS icons are made using — guess what — CSS. To use them, just copy the code to your page.
- Icons fonts. According to Pluralsight, icon fonts are actual fonts that contain symbols and glyphs instead of letters or numbers. They’re popular for web designers since you can style them with CSS the same way as regular text. Icon fonts are treated as text by browsers, so you’ll need to normalize them to avoid text anti-aliasing issues, and are supported in almost all browsers.
- SVG icons. Scalable Vector Graphics (SVG) is an XML-based vector graphics format that can scale to any size without losing clarity. They can be displayed through using CSS, object tags, image tags, or inlined directly into your HTML.
- Glyph and pictogram icon sets.
Formats and Type: PNG, SVG, EPS, PSD, and BASE 64, Marketplace
Price and License: Limited free plan & premium plans from $9.99/month
Flaticon contains completely editable vectors and can be used for both personal and commercial projects. FlatIcon has more than 2.3 million vector icons grouped into 51202 packs.
The product has Adobe Extension which allows you to easily import icons inside Photoshop, Illustrator, and After Effects. If you’d like to use a web font instead of static files for your icons, FlatIcon will take care of the format conversion and generate a web font ready to use. You can also customize downloaded icons.
- over 90,000 icons;
- SVG, EPS, PSD, and PNG formats;
- icon fonts;
- Adobe Extension for CC suite;
- Linkshare license with premium options; and
- new icon packs are added every month.
A premium subscription with FlatIcon will provide you with full licensing rights, access to exclusive content, no ads, MacOS app and Adobe extensions, as well as the ability to create unlimited collections.
Format and Type: SVG, CSS
Price and License: Free, MIT
Jam icons are a set of 896 handcrafted icons. This icon pack comes with both SVG and font versions. The icons can be used as SVG files in your web, print or application development projects. The icons can also be used as a font with the given CSS stylesheets. There are 16px, 24px and 32px sizes. You can also choose to fill or stroke icons.
Format and Type: CSS
Price and License: Free, MIT
On the website, you can find full documentation and various guides on how to start and customize the product. You can start using the product simply pasting the link on your website. Additionally, you can use Fontisto with the package managers that are right for you: npm, yarn, bower, etc.
Format and Type: SVG, EPS, PSD and PNG, Marketplace
Price and License: Free
Iconmonstr’s collection of icons has 4400+ icons. Every icon set offers both outlines and filled versions of the graphics to ensure that they can be used for a variety of design applications. Every icon on this site is available for free, and icon files come in such formats as SVG, AI, PSD and PNG. The files can be used for free and commercial purposes.
Iconmonstr makes it simple to search for icons via its powerful search function. You can even save your favorite icons in a personal collection for future use.
- free use of all icons,
- four format download options, and
- downsized icons optimized for web use.
Format: SVG, EPS, PSD, PNG, FIG, Material design
Price and License: Free, Apache License Version 2.0
A huge bundle of over 1000 icons divided into 16 different categories. The free icon pack is inspired by Material design and presented into three different visual styles — rounded, outline, and two-tone. The set is available in 6 different file formats, so you can use the icons in your preferred design software.
- 3 styles,
- Figma styles,
- 1000+ icons,
- 24×24 pixels,
- Sketch styles and symbols,
- 16 categories, and
- 6 file formats.
Format and Type: SVG
Price and License: Free, Creative Common License 4.0
Entypo is an svg icon family pack, carefully crafted a few years ago by Daniel Bruce in Sweden. These icons are superb: when it comes to freebies, they’re top of the line. The product comes as SVG with 411 icons, free with a Creative Commons License.
The author says building a font takes a lot of time and it is better to spend time on developing new pictograms.
Format and Type: SVG, Sketch
Price and License: Free, MIT
This pack is absolutely massive and it comes with everything — including SVGs and the original source files. That means you can download SVGs along with files for Illustrator and the .sketch files for Sketch.
Every icon follows the thin line style and they’re perfect for most websites. The fact you can edit the original source makes them even more valuable.
Format and Type: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Price and License: Free to $411
Streamline Icons is another nice and adaptable free icon pack on the web market. The tool is organized in 53 categories with over 30000 vector icons.
This is one of the few icon packs optimized for Sketch, making it easy to manipulate stroke widths and colors. Built-in Sketch features such as symbols and shared styles make reusing elements, like icons, a quick and easy process.
The company has its own web app that helps to browse, search and download icons right from the browser.
- more than 30000 vector icons organized;
- Smart Strokes to modify outline thickness;
- Sketch, AI, EPS, PDF, PNG, SVG formats;
- web app to search and edit icons;
- each icon in Streamline 3.0 has three unique weights: light, regular and bold.
Format and Type: JAR, SVG, AI, SKETCH, Marketplace
Price and License: Free to $149
Smashicons offers a comprehensive collection of icons with over 219000+ icons in their library. Smashicons works a bit differently than others: their pricing is based on a monthly plan of $5/month. This means that for $5 a month you get access to their entire collection of existing icons as well as any future icons they release.
- a very large collection of icons,
- all icons are multi-platform compatible,
- easy-to-use web app to search and find the icons you need,
- subscription-based business model,
- multiplatform support.
Format and Type: SVG, PNG, PDF
License and Pricing: Good Boy License, Free to 19.90 per month
The icon set from Icons8 comes with more than 120000 icons that cover several categories; from business and office settings to people, food, and social media icons. The icons are designed to mimic the look of a specific operating system. You can download them in Windows, iOS, and Android versions.
The icons work with Sketch, Photoshop and Xcode. You can use a web editor before downloading the icons to your system.
- SVG, PNG, and HTML formats;
- icons available in different styles, such as line icon, filled icon, and full color;
- all icons can be downloaded via .zip file;
- edit before downloading;
- both free and paid subscription options.
Format and Type: SVG, PNG, PDF
License and Pricing: Free to $139 per month
Icomoon comes as a complete tool for iconography and icon management. The product has a high-quality solution for editing and managing icons. The Icomoon icons have been handcrafted on a 16X16 grid and are available in SVG, EPS, PSD, PDF and AI formats. The icon set is also constantly updated by its creators.
Each icon pack features detailed licensing so that designers and developers know exactly how icons can be used. Users can also make their own custom icon fonts.
- comprehensive icon management tools,
- free and paid download options,
- a wide variety of download formats,
- free and easy updates.
Format and Type: SVG, PNG, PDF, PSD, Glyph, Icon font
License and Pricing: Creative Common Attribution, From $25 to $99
Glyphish offers a variety of different icon packs. Every pack comes in a variety of different formats, including PNG, SVG, PSD and AI. The basic icon pack is available for $25 while the ultimate one is available at a regular price of $99. The free demo includes 50 icons. All icons can be easily edited by designers.
- icons for several platforms: iOS, Android, Web, Windows;
- a set of 50 free icons;
- easy drag-and-drop into Xcode;
- icons specially sized for Apple Retina displays.
Format and Type: SVG and Webfont, Icon font
The Ionic team decided to release their icons as a webfont called Ionicons. Naturally they’re totally free and available on GitHub. You can even add these icons directly to your site using the CDN version of the stylesheet. It fully supports SVG and web fonts.
- completely free,
- easy setup by copying and pasting link,
- comes as a webfont,
- customized sizes,
- over 1100 items.
Format and Type: SVG, Webfont, Material design
License and Pricing: Free, Apache License 2.0
Material Icon is free icon pack from Google. To ensure the readability and clarity, these icons have been optimized to look great on all platforms and displays. These material icons are totally free and accessible on GitHub. This icon pack is absolutely massive with over 1,000 icons covering a wide array of interface features.
All of the symbols are available in five themes. You will get a range of downloadable sizes and densities. The best format for web projects is an easy-to-use icon web font.
Format and Type: SVG, Webfont, Icon font
License and Pricing: Free to $59, Common Creative License
Linear Icon pack is one of the most popular and best icon packs for personal or commercial purposes. Linear icon pack comes in both free and premium versions. The free version of this amazing icon pack comes under Creative Common license. There are also different packages you can choose for your needs, such as the Desktop Package.
- CloudFront CDN;
- free version available;
- comes with different formats: SVG, PDF, Webfont.
Format and Type: SVG, Webfont, Iconfont
License and Pricing: Free, MIT License
Feather is one of the most popular open-source icon sets. These are open source icons that have been designed on a 24X24 grid. The icons are available in the SVG format. It’s under the MIT license, and there are about 250+ icons in open source.
The icons are easy to edit, clean and crisp — regardless of size. They were designed as an icon font first, so it’s meant to be embedded as a web font.
Format: SVG, PNG, ICO, Marketplace
License and Pricing: From $9 to $49 per month
Iconfinder is one of the most popular icon resources on the net. It offers over 4 million icons, providing users with a variety of search options including icon format, price, size, background, etc. There are several monthly payment plans — from $9 to $49. You can also choose the “pay as you go” system.
Icon files are available in SVG, PNG, ICO, ICNS, and Adobe Illustrator formats, and dimensions range between 16×16 to 512×512. You can also work with some of the site’s best designers if you can’t find something you like or simply want custom icons designed especially for you and your brand.
- both free and paid use options,
- flexible search features,
- icons available in a variety of formats,
- a lot of categories and styles,
- icon editor.
Format and Type: SVG, PNG, Marketplace
License and Pricing: Creative Commons License, From $39.99
The Noun Project offers one of the largest icon libraries available on the web. Most of this site’s icons are available in SVG and PNG formats, as well as in black and white styles.
The site’s library is made up of icon files designed by a variety of independent designers. It’s a place where creators and creative professionals can collaborate to sell their designs and find a seemingly endless library of premium icons.
Searching this huge and comprehensive icon library is very easy. Additional key features of this icon library include both free and premium download options, many large sets of icons, an application for Mac and more. This icon library is regularly updated, and new icons and sets are being posted every day.
- over 150,000 icons;
- SVG, PNG formats;
- search and discovery tools;
- Creative Common License with premium options;
- free and paid download options;
- new icons uploaded on a near-daily basis.
Format and Type: SVG, PNG, Icon font, Marketplace
License and Pricing: SIL OFL 1.1
Font Awesome is the most used and the most popular icon font set around. It is also the default icon set for the team at bootstrap. It is also available as SVG icons among other formats.The license is open and free for anything, commercial or personal.
- Vector Font,
- every icon comes with a CSS Class & Unicode,
- built with accessibility in mind,
- features easy upgrading across websites,
- offers a desktop cheat sheet for the entire icon library.
Format and Type: SVG, Web font, Icon font
License and Pricing: Free
LineIcons also provide free CDN with clear documentation which makes it easy to get started.
This icon pack is completely free and comes with 450+ line icons. It covers every single essential icon you need for the project from different categories. LineIcons also provides free CDN and clear documentation to get started easily. It comes with 2 different scalable packages — WebFonts and SVG files you can use depending on your project needs.
- 450+ Free Icons,
- SVG Files,
- Web Font Ready,
- free CDN.
Choosing the right icon library resource for your project should not be based on what is considered most popular but rather what best suits the needs of your project. When choosing icons, pay attention to how easy it is to start a project, which formats are present in the library and the price.
Also, an important factor when choosing an icon pack will be matching the style of your application or site.
We hope this article will help you choose the most suitable solution for your needs.
At Flatlogic we develop web & mobile templates. We are listed among Top 20 Web Development companies from Belarus and Lithuania. During the last years, we have successfully completed more than 50 big projects for small startups and large enterprises.
Flatlogic case studies
Here is a short video about Flatlogic templates, web development services, and an affiliate program.
If you liked this article, you can read also:
Top 6 Material Design Dashboards
The Five Best Admin Templates Using a Node.js Backend
Originally published at flatlogic.com — React, Angular, Vue, Bootstrap & React Native templates and themes.
Text source: 20+ Best ICON Packs for Web Developers and Designers
- Icons8 – 36,300 Free Flat Icons. ...
- IcoMoon – Pixel Perfect Icon Solutions. ...
- Fontello- Icon Fonts Generator. ...
- Simple Line Icons – Set of free simple line icons. ...
- Linecons – Free Vector Icons Pack. ...
- Material Icon by Google.
If you need lots and lots of flat icons, then this project by FreePik will sort you right out, featuring 19,500 icon packs for free, adding up to over 736,000 free icons for both personal and commercial use.
The <i> and <span> elements are widely used to add icons. All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)
- Copy the font-awesome directory into your project.
- Open your project's bootstrap/bootstrap.less and replace. @import "sprites.less"; ...
- Open your project's font-awesome/variables. ...
- Re-compile your LESS if using a static compiler. ...
- Check out the examples to start using Font Awesome!
Icons have a significant role in giving you the first impression of a site or application interface. But it takes a lot of time and money…
over 90,000 icons; SVG, EPS, PSD, and PNG formats; icon fonts; Adobe Extension for CC suite; Linkshare license with premium options; and new icon packs are added every month.. Every icon on this site is available for free, and icon files come in such formats as SVG, AI, PSD and PNG.. more than 30000 vector icons organized; Smart Strokes to modify outline thickness; Sketch, AI, EPS, PDF, PNG, SVG formats; web app to search and edit icons; each icon in Streamline 3.0 has three unique weights: light, regular and bold.. Image source: https://icons8.com/The icon set from Icons8 comes with more than 120000 icons that cover several categories; from business and office settings to people, food, and social media icons.. SVG, PNG, and HTML formats; icons available in different styles, such as line icon, filled icon, and full color; all icons can be downloaded via .zip file; edit before downloading; both free and paid subscription options.. icons for several platforms: iOS, Android, Web, Windows; a set of 50 free icons; easy drag-and-drop into Xcode; icons specially sized for Apple Retina displays.. Image source: https://material.io/resources/icons/?style=baselineMaterial Icon is free icon pack from Google.. over 150,000 icons; SVG, PNG formats; search and discovery tools; Creative Common License with premium options; free and paid download options; new icons uploaded on a near-daily basis.
The best collection of beautiful, stunning and creative free flat social media icons for websites, online projects and other web design.
A comprehensive list of the best free social media icon sets for personal and commercial use in design mockups, websites, and elsewhere.. If you want to connect your website to your social media profiles, enhance your online presence with nifty social media icons.. More info / Download Not one, not then but a package of one hundred free social media icons for your convenience.. More info / Download Another creative approach to free social media icons that you can benefit from greatly.. More info / Download Creativity knows no bounds and nor does the amazing collection of free social media icons that we have in store for you.. More info / Download I bet you were not expecting seeing free social media icons of this kind.
Here are some of the best and free CSS buttons and icons. These free css buttons have clean and modern designs, some even have PSD files included.
The age of using images for buttons on websites has ended, thanks to expanded browser support for CSS3 properties like rounded corners, gradients and text shadows.. We searched the web for some of the best and free CSS buttons and icons .. Check them out, download and watch how your web design improves.. This button set consists of some simple, creative and subtle styles and effects to inspire you.. Bootsnipp is an element gallery for web designers and web developers and anybody using Bootstrap will find this website essential in their craft.. Here’s a great collection of animated SVG icons for you to use in your design projects.. These are some simple iOS7 icons with CSS snippets given for free!. Check this icons set and see if this is the one you have been looking for all this time!. These icons can be a great asset to your freebies collection.. These are some great social media buttons with CSS snippets and PSD files free to download and use in your own projects.. This is a set of simple round icon hover effects with CSS transitions and animations for your inspiration.. These are very useful for you if you’re a web designer.. First, let’s set some elemental properties on the btn class.. So there you have it — a great looking button styled with the latest CSS3 properties that works in all the major browsers.
Looking for flat, material design, minimal free icon packs? Here are 20 best free icon packs for Android that work with all launchers.
I also love the fact that the icon pack brings many alternate icons for the same app, thus, allowing you to choose and use the icon that you love the most.. If you are looking for Material Design themed icons for your Android device, this is the one to get.. The app brings flat icons with beautiful design and color.. Lastly, the app also brings 28 unique wallpapers all of which are designed by the team at Moonshine and look absolutely beautiful.. The app brings icons which feature muted colors which make this one stand out from all the other icon packs, most of which feature vibrant colors to match the Google’s Material Design theme.. Just like other icon packs, it also supports icon requests and icon masking feature.. That said, this icon pack is not for everyone.. If you love retro theme, you are going to enjoy this one.. While that will certainly make it harder to find your apps, if you love superheroes, this can certainly help you in personalizing your device.. Last fun icon pack on this list is the UX 11 icon pack which brings iOS 11 iconographies to your Android device.
Unlike wallpapers, theme changes the entire user interface of Windows. So let's get your Windows 10 with some of the Best Windows 10 Themes now!
Silk offers various color schemes to choose from, beautiful wallpapers, and full control to customize the appearance.. You get 8 versions of Flattastic Light theme and 8 versions of a Flattastic Dark theme.. There are 4 icon packs available in 4 different colors.. You’ll have Font options to choose from along with icon sizes.. Most users prefer the dark mode due to its versatility.. This theme is compatible with all versions of Windows 10.
Using a template is smart! Too many designers overthink their portfolio and it creates unnecessary stress. Your portfolio is the true value of your job, so make it look fantastic with these free portfolio website design templates!
For web developers, a personal portfolio page is like a resume.. It has a clean, minimal design; supports a slider with animated text effect for featured posts; and has awesome portfolio layout to showcase your works in minimal way.. Whether you are a web developer who want to create professional portfolios or creative professional who wants to build a portfolio on its own you can be greatly benefited by this design templates.. Format is a creative, clean and modern, free website template that you can use for your next portfolio project.. Epitome is a beautifully crafted free resume and personal portfolio website template.. This is perfect for you who are building your resume online.. Alexis is clean, minimalist, simple and mobile friendly one page Bootstrap portfolio template.. So it will help you to impress your user with your portfolio and add more feeling to your works.. The clean structure and minimalist design makes it a great choice for your next project.. This is a free html code for portfolio layout.. This is best simple, clean and intuitive style of minimalist portfolio website design template for developer and designer .. It is a simple, easy to use, modern and creative portfolio with awesome typography and layout.. Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections.. Avana is a free minimal portfolio HTML template ideal for creative agencies that want to better showcase their own portfolio.
Android is all about flexibility and customization. You can choose to change the appearance of your home screen or you can completely change your phone’s default font style. Installing an icon pack...
But, there are tons of icon packs at the Google Play Store but fret not, we will help you with the decision by selecting the best icon packs (free+paid) of all time.. Download now this premium icon pack from Flaticon, the largest database of free vector icons.. If you want a different color scheme, Zwart icon pack (black) and Golden icon pack (Gold – of course) -would be the best alternatives.. If you’re not sure about the Wallpaper that will blend in with these icons, do not worry, the icon pack does include a lot of wallpapers for you to download/apply – just like every other icon pack.. Advertising An icon pack is a set of custom-designed icons bundled inside an application which can be installed and applied to your smartphone’s software through an Android launcher ( an app which lets you customize the look of your home screen and the app drawer ).. Download: Moonrise Icon Pack is the best icon pack that we can recommend if you’re looking for material design icons (especially if you want refreshed Google app Icons), yet with a dark color scheme.. Download: If round-shaped flat icon designs are your preference, Pix UI Icon pack 2 should help you out make your device look like Pixel 2’s stock UI.. Download: I’m sure the name of the icon pack describes it – not to mention – the icon set is completely white-themed.. If you want a different color scheme, Zwart icon pack ( black ) and Golden icon pack ( Gold – of course) -would be the best alternatives.. If you’re not sure about the Wallpaper that will blend in with these icons, do not worry, the icon pack does include a lot of wallpapers for you to download/apply – just like every other icon pack.. Download: Live Icon pack is one of the best icon pack with a lot of unique icon designs.. Download: Ombre icon pack offers unique icon designs.. Download: We’ve known about color-themed icon packs but this icon pack presents a different level of creativity.