All designers love icons! Those small images that we insert into our projects to represent a service or an idea are an aspect of design that cannot be overlooked. Their function is both aesthetic and strengthening of what we want to represent.
Below we have collected a series of free and paid icon packs that will be very useful when planning an online project. The list contains the best icons created by agencies and graphic designers from all over the world. You will find online tools to customize them to your liking, packages of thousands of fantastic icons and even animated icons sets to be exported in various formats. Surely you will be able to find the option that best suits your needs. Let’s go Icons lovers!
🧚♀️ Unicons + Icondrop
Package: 1000+ free vector icons & icon font. 20+ Categories in Line style
Export available: SVG files
Plugin: you can download Icondrop plugin to use in your favorite tool (Sketch, Photoshop, Adobe XD, Ai)
Plugin Icondrop: iconscout.com/icondrop
Do you already know Icondrop by @Iconscout? ✨— GreenEyeWeb (@GreenEyeWeb1) August 16, 2019
With it you can easily insert #icons, #illustrations & #photos in #AdobeXD with the plugin right beside your Artboard.
👾 Streamline 3.0
Author: Vincent Le Moign
Package: Huge amazing pack of over 30,000 icons, 53 categories, 720 sub categories
Export available: .iconjar, .sketch, .fig, .svg, .ai, .pdf, png
Price: Free Plan (100 icons in 3 weight); Essential 194$ (14 categories specifically for UI design); Ultimate 274 $ (All pack with 53 categories).
Author: Patrik Svoboda
Package: Micro-library of Free animated icons. Easy implementation in your app or website
Export available: Adobe AE & Lottie (.json)
Package: 91000 Icons, 26 styles, around 50 categories + Amazing Desktop App
Export available: Free PNG; Paid version also SVG, EPS and PDF
Price: Free (icon packs in SVG and PNG); 19,90$/month (all icon packs, any size and format, desktop apps, no linking required)
Creator: John W. Long
Package: 544 quality icons – 24 categories
Export available: SVG and PNG
Extra: Sketch and Figma formats are available with the PRO version
Price: Zest Pro 99$ (all 544 icons, Sketch & Figma documents, PNG & SVG formats, lifetime updates); Free (63 brand and social icons in SVG and PNG)
🦄 “The Icon of”
Creator: Majo Puterka
Package: 1000+ pixel perfect icons – 21 categories
Export available: Sketch, XD, Studio, Figma, Iconjar, Svg, Ai, Png
Price: Free (100 icons); Full Set $49.99 (all icons pack, any formats, free updates forever)
“The Icon of” is a huge collection of vector #icons made in 24px grid. ✍️— GreenEyeWeb (@GreenEyeWeb1) July 5, 2019
21 categories, available in the most popular formats: .sketch, .xd, .studio, .iconjar, .svg, .ai, .png
🍏 SF Symbol System (Beta)
Package: Mac App with +1,500 configurable symbols – Requires macOS 10.14.4 or later
🦎 Material Icons Library
Package: 1000+ icons – 3 styles – 16 categories
Export available: Sketch, Figma, Studio, SVG, XD, PSD
Package: 1000+ customizable, animated icons in 10 different styles.
Export available: React, SVG and Lottie code.
Extra: Shape editor includes also illustrations.
Price: Free (limited icons and illustrations, PNG and Code, Personal use allowed); Pro 50$ (1000 + icons and illustrations; all formats: SVG, JSON, Code; unlimited downloads; commercial use allowed).
https://t.co/2PcSZi9Jbi beta, an #icon and #illustration tool, has just been released. ✍️— GreenEyeWeb (@GreenEyeWeb1) June 24, 2019
It also contains animated icons exportable such as #React components or #jason. @designcodeio
🐦 Flight Icons
Creator: Brodie Pointon
Export available: .json and GIF
Creator: Mikolaj Dobrucki & ucreate.it
Package: Fully customizable vector icons set. 100% free and open-source project!
Export available: SVG files
🦜 Outlane – Animated SVG Icons Pack
Creator: Outlane Graphics – outlane.co
Package: 100 animated vector icons – 10 icons by category
Export available: SVG and Lottie files. The pack includes the source files for Adobe After Effects.
Price: 69 $
Creator: Gaddafi Rusli
Package: Online tool where you can customize icons (stroke, color, size, ends, joins) and then download them or copy the code.
Export available: SVG files. You can copy the React code.