12 Incredible Resources for Downloading Icon Packs

12 Incredible Resources for Downloading Icon Packs

In this article (original is here) we look at 12 sites where you can find many great icon packs. About the author: Levin Mejia is a self-taught designer and front-end developer whose passion for design combined with his thirst for continual learning inspired him to run his own conference: Go Beyond Pixels. He has worked for clients all over the world, such as Vox Media in NYC, and now works as a Designer Advocate for Shopify. Image courtesy of Anastacia Mironova via Bigstockphoto.


Using icons on your site allows you to effectively communicate with your visitors by increasing readability, highlighting important content, re-enforcing functionality or features, and enhancing the design. We have compiled a great list resources where you can download free and premium icon packs to use in your existing and future projects.

Many of the resources listed offer SVG format icon packs. These vector files will provide you with endless flexibility and their small file size will help in reducing your website load times. SVG icons will look sharp on retina and high density displays and eliminate the need to duplicate the same icon files to support different density displays. SVG files can also be modified with CSS to change properties like colour and size, and if you want to take things to the next level, SVGs can also be animated.

Icons8

downloading-icon-packs1

 

Icons8 guarantees that you can find all of the icons you’ll ever need on their site. If there’s an icon you need and you can’t find it, Icons8 will make it for you for free. All of Icons8’s icons follow iOS, Android, and Windows icon guidelines, ensuring that your icons will match the operating system’s native icons.

Why it’s good:

  • A large collection of icons: 16,200
  • SVG, PNG, and HTML formats
  • Icons available in different styles, such as line icon, filled icon, and full colour
  • Mac, Web, and Windows App
  • All icons can be downloaded via zip file
  • Linkshare license with premium options

The Noun Project

downloading-icon-packs2

The Noun Project’s vast collection of icons are created by designers from all over the world. This creative community has led to a great set of diverse icon packs ranging from Wildlife to Tattoo Packs. If you’re looking for a unique icon for your project, make this your first stop.

Why it’s good:

  • Over 150,000 icons
  • SVG, PNG formats
  • Great search and discovery tools
  • CC Creative License with premium options

FlatIcon

downloading-icon-packs3

FlatIcon offers over 90,000 vector icons for you to download for your next design project. Their free Adobe Extension allows you to easily import icons inside Photoshop, Illustrator, and After Effects, so you will always have a great collection of icons at your fingertips. 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. Furthermore, you can download the icon packs directly to your system so you can have access to them when you’re offline.

Why it’s good:

  • Over 90,000 icons
  • SVG, EPS, PSD, and PNG formats
  • Icon Fonts
  • Adobe Extension for CC suite
  • Linkshare license with premium options

SVG Icons

downloading-icon-packs4

This is a simple and elegant set of icon packs curated by the Dribbble design community. The SVG icons are ready for your web project. Just copy and paste the HTML code provided for the icon you would like to use, and that’s it!

Why it’s good:

  • HTML and CSS provided for quick implementation
  • SVG, HTML formats
  • Curated icon sets from Dribbble
  • Free

Swifticons

downloading-icon-packs5

If you’re looking to add some character to your project with a unique set of icon packs, then Swifticons is your resource. This icon pack is organized into 17 categories and  each icon comes in three different styles: outlined, filled, and coloured. There is also a free sample pack available, which will help you decide if this premium resource is right for you.

Why it’s good:

  • 1624 high quality premium icons
  • Unique style and aesthetic
  • 17 wide categories
  • Outlines, filled, and colored variations
  • SVG, EPS formats
  • $98 (Free sample available)

Iconmonstr

downloading-icon-packs6

Iconmonstr has a great search and discovery tool that features a large display of the icons so you can see each intricate detail. You can click shuffle to get a random set of icons, or you can click the heart tab to browse the most popular icons. There’s also some icon swag you can buy to support this free service, which doesn’t require attribution in your designs.

Why it’s good:

  • Great categories with easy to navigate filters
  • SVG, PNG formats
  • Free – No attribution necessary

Streamline

downloading-icon-packs7

This is one of the few icon packs which is optimized for Sketch, making it easy to manipulate stroke widths and colours. Sketch features included in Sketch such as symbols and shared styles makes reusing elements, like icons, a quick and easy process.

Why it’s good:

  • 4000 vector icons organized in 97 categories
  • Smart Strokes to modify outline thickness
  • Sketch, AI, EPS, PDF, PNG, SVG formats
  • $67 (Free sample available)

Glyph

downloading-icon-packs8

Create an icon sprite or just copy the icon SVGs you need for your project and Glyph will generate a semantic and versatile SVG icon set which you can use in an IMG tag and style with CSS. The icons are recommended to be used on a 16×16 grid, but can be set to any width or height.

Why it’s good:

  • Icon Font and SVG
  • Semantic and versatile SVG for easy customization
  • Free – attribution required

Foody Icons

downloading-icon-packs9

Sometimes you’re in the mood for some ice cream, bacon and eggs, or a glass of wine, so why not add them to your web project too? This great set of food icons are beautifully designed and can be manipulated to add colour variations.

Why it’s good:

  • Delicious icons about food… how can they not be good? nom nom nom…
  • EPS format
  • Free

SmartIcons

downloading-icon-packs10

With SmartIcons Mac App, you can drag and drop icons into your designs and they will work with virtually any design program, including Sketch. Smarticons also syncs with Dropbox to make it easy to search, organize, and sync your icon packs.

Why it’s good:

  • 2600 icons, 100 new icons released every month
  • Web and Mac App
  • Free with premium options

Freebiebug

downloading-icon-packs11

With new icon packs submitted to Freebiebug on a weekly basis, you can find a variety of different icon pack styles to fit your design concept. From flat icon styles to line icon styles, there’s something here for everyone. It’s also a great resource to find themed icon packs for seasonal occasions like Christmas and Halloween.

Why it’s good:

  • Great Selection of icon sets
  • SVG, PSD, AI, Sketch formats available
  • Free

Font Awesome

downloading-icon-packs12

The popular web framework Bootstrap uses Font Awesome to easily and quickly add icons to your web projects. You can browse Font Awesome to discover individual icons or packs that can be easily integrated into your design. Font Awesome can also be delivered through a CDN, which boosts performance, saves bandwidth, and reduces your hosting costs for your site.

Why it’s good:

  • 585 Icons
  • Vector Font
  • Every icon comes with a CSS Class & Unicode
  • Free

Bonus Icon Pack Resource: 40 Free eCommerce Icons

downloading-icon-packs13

These free icons will come in handy when you’re building your next Shopify store for your clients. By modifying stroke width and colour, you can customize the icons to match your client’s brand.

Why it’s good:

  • AI, EPS, PDF formats
  • Great variety of eCommerce icons for your Shopify Store
  • Free