7 Design Resources — Icons
Tags: webdev, productivity, css, html
Published: 2021-11-27 11:30:31

A website or application interface's icons play a significant role in giving you a first impression. However, developing them from scratch takes a lot of time and money. Icons allow you to communicate effectively with your visitors: they enhance readability, highlight important content, re-enforce functionality or features, and improve the visual appeal. It is, therefore worthwhile to pay attention to ready-made icon packs.

Are you looking for high-quality, free icons for your web graphics? Well, you’ve come to the right place. I’ve scoured the web to find 7 of the best sites for beautiful icons. Without further preamble, here’s a list of where to find icons to download for all your graphic design projects

## 1. [Flat icon](https://www.flaticon.com/)

The same people who brought you Freepik are behind Flat Icon, which offers the largest collection of free vector icons online. The unique feature of Flat Icon is the ability to convert icons into downloadable fonts. It's super easy to choose and save icons to your library. The attribution must be given.  

![Flat Icon.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1629974281788/uNvJial6O.jpeg)

## 2. [Pixsellz Material Icons Library](https://icons.pixsellz.io/)

In Pixsellz Material Icons Library there are over 1000 icons in 16 categories. Icons are presented in three different visual styles based on Material design - rounded, outline, and two-tone. You can use the icons in your favorite design software because the set comes in six different file formats.


![Pixel(1).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1629974635201/-gwQqxjWw.jpeg)

## 3. [Behance](https://www.behance.net/search/projects/?sort=appreciations&time=week&search=free%20icons)

If you want designer-quality icons from professional designers, make sure you visit Behance. There are a lot of icons to choose from, so there are lots to explore. Behance isn't as search-friendly as other websites on this list, so you'll need to do some fancy searching to find exactly what you're looking for. Nevertheless, finding the beautiful icons here is well worth the effort.  


![Behance.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629975057875/aHvj5wZYq.png)

## 4. [Captain Icons](https://mariodelvalle.github.io/CaptainIconWeb/)

Captain Icon offers beautiful, free, vector-based icons in EPS, PSD, PNG, SVG, and Web Font. Everything from color to size can be customized. The icons can be used for commercial and personal projects. Citation is required.  

![Capatain icon.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1629975225233/KQVvpbc47.jpeg)

## 5. [Icon Finder](https://www.iconfinder.com/)

Iconfinder makes it easy to find icons. You can choose from half a million free and premium icons. Downloads are available in multiple file formats and sizes.

![Iconfinder.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1630086008614/30RDVj6po.png)

## 6. [Evil Icons](https://evil-icons.io/)

This pack includes everything - including SVGs and source files - and is absolutely massive. Therefore, you can download SVGs along with Illustrator files and Sketch files.

Icons follow the thin line style and they're perfect for most websites. The fact that you can edit the original source makes them even more valuable.


![evil icons.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629976207894/8pgF4z77dL.png)

## 7. [Fontisto](https://fontisto.com/)

Fontisto is a collection of vector icons. You can customize icons instantly: size, color, drop shadow, and anything else that can be done with CSS. Fontisto icons are vectors, so they will look good on any high-resolution monitor.

It contains complete documentation, as well as guides for launching and customizing the product. The product can be used by simply pasting the link into your website. Fontisto can also be used with any package manager of your choice: npm, yarn, bower, etc.


![fontisto.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629976474962/CQEvW2umV.png)

Which one is your favourite? Do share them in the comments

> You can now extend your support by buying me a Coffee.😊👇

<a href="https://www.buymeacoffee.com/muthuannamalai" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>


Thanks for Reading 😊