18 Tailwind CSS-friendly Icon Resources, both free and paid
Tags: tailwindcss, icons, css
Published: 2022-04-09 18:13:00

*This post was originally posted on [Red Pixel Themes](https://redpixelthemes.com/blog/tailwindcss-icons/).*

---

_Note: Some of these links are affiliate links, which means we get compensated in some way if you buy through them._

## Free


![pixel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r8y9eg5mo3trps71cc2s.png)

### PIXELARTICONS

[Link to resource](https://pixelarticons.com/)

**Important bits**

* Includes 474+ icons in 3 flexible styles
* Has a pro version with 1400+ icons
* 2px stroke weight default
* Made in Figma

**Description**

474+ careful handmade pixel art icons based on a 24x24 grid and currentColor fills. All icons were made individually using rectangles to recreate a non-anti-aliased look.


![humble](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jjqtcz9mw21oxjilkm77.png)

### Humbleicons

[Link to resource](https://www.humbleicons.com/)

**Important bits**

* Includes 227+ icons
* Can be used as an NPM module or manually downloaded
* Available in Figma

**Description**

A set of free MIT-licensed hand-crafted, neutral, simple SVG icons for you to use in your web projects.


![basicons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e9prugj4y0ifh9qwf3sa.png)

### Basicons

[Link to resource](https://basicons.xyz/)

**Important bits**

* Includes 326+ icons
* Lets you copy and download SVG icons
* Let’s you customize the SVG’s size and stroke
* Has a React integration

**Description**

Basicons is a growing collection of 24 x 24 pixel-perfect icons, handpicked for basic product design and development needs.


![mingcute](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eyt3tgnuj230jrw7hlyr.png)

### MingCute

[Link to resource](https://www.mingcute.com/)

**Important bits**

* Includes 1400+ icons
* Let’s you customize size and color
* Support for SVG, PNG and webfonts
* Free license for both personal and commercial projects.

**Description**

MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.Every icon is designed within a 24 x 24 grid, giving outline and filled styles, 2px stroke. Support for SVG, PNG and webfont.


![simpleicons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/78fc1hi52o57tvc9o2th.png)

### Simple Icons

[Link to resource](https://simpleicons.org/)

**Important bits**

* Includes 2300+ icons of popular brands
* Available as an NPM module and a Packagist package
* Can be downloaded as SVG and PDF

**Description**

Over 2300 Free SVG icons for popular brands. The icons can be downloaded as SVGs directly from our website - simply click the icon you want, and the download should start automatically.

![Heroicons template](https://redpixelthemes.com/cachedImages/heroicons-768w.jpeg)

### Heroicons

[Link to resource](https://heroicons.com/)

**Important bits**

- Includes 230 icons
- Lets you copy-paste the SVG directly
- Has React and Vue libraries

**Description**

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects.

Available as basic SVG icons and via first-party [React](https://github.com/tailwindlabs/heroicons#react) and [Vue](https://github.com/tailwindlabs/heroicons#vue) libraries.

![Remixicons template](https://redpixelthemes.com/cachedImages/remixicons-768w.jpeg)

### Remixicons

[Link to resource](https://remixicon.com/)

**Important bits**

- Includes 2271 icons
- Lets you copy-paste the SVG directly
- Has an NPM package

**Description**

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.

![SVGRepo template](https://redpixelthemes.com/cachedImages/svgrepo-768w.jpeg)

### SVGRepo

[Link to resource](https://www.svgrepo.com/)

**Important bits**

- Includes 300,000+ icons
- Lets you download SVG files
- Brother of [pngrepo](https://www.pngrepo.com/) (PNG icons)

**Description**

SVG Repo is an open catalog of icons, vectors, and cliparts. Our bots collect SVG icons and index them from various known sources which makes it easy for users to search, find and edit icons. Additionally, users of SVG Repo can submit open vectors or their visual work for listing. This means SVGRepo website can be referred to as proxy distributors or simply tools to make it easy to find icons/vectors.

![Iconoir template](https://redpixelthemes.com/cachedImages/iconoir-768w.jpeg)

### Iconoir

[Link to resource](https://iconoir.com/)

**Important bits**

- Includes 1049 icons
- Lets you copy-paste the SVG directly
- Has React and [Framer](https://www.framer.com/) integrations

**Description**

Iconoir is one of the biggest open-source libraries with 1000+ SVG Icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.

![Freeicons template](https://redpixelthemes.com/cachedImages/freeicons-768w.jpeg)

### Freeicons

[Link to resource](https://freeicons.io/)

**Important bits**

- Lets you download SVG files
- Has a paid version for premium icons
- Offers multiple icon types and formats

**Description**

Freeicons ****is a platform for designers and developers for a wide variety of high-quality icons of different styles, sizes with SVG, PNG, AI, EPS, and PSD formats that could be used in all their personal and commercial projects.

![UXWing template](https://redpixelthemes.com/cachedImages/uxwing-768w.jpeg)

### UXWing

[Link to resource](https://uxwing.com/)

**Important bits**

- Lets you download the SVG files
- Lets you edit/create icons
- Has an icon editor where you can create your own fonts

**Description**

UXWing is owned by a small graphic designer team that loves creating specialized hand-crafted vector icon drawings. They use 3 main categories solid, line, color, and 150+ subcategories. All icons are free for commercial use without any credit or link back.

![Boxicons template](https://redpixelthemes.com/cachedImages/boxicons-768w.jpeg)

### Boxicons

[Link to resource](https://boxicons.com/)

**Important bits**

- Includes 1600+ icons
- Lets you copy, download and edit SVG icons
- Includes a custom web component integration

**Description**

Boxicons is a carefully designed open source iconset with 1500+ icons. It's crafted to look enrich your website/app experience.

![Iconfinder template](https://redpixelthemes.com/cachedImages/iconfinder-768w.jpeg)

### Iconfinder

[Link to resource](https://www.iconfinder.com?ref=vivgui)

**Important bits**

- Includes 6M+ icons
- Lets you copy, download and edit SVG icons
- Has a paid pro version for $9/m

**Description**

Iconfinder is one of the world's largest marketplace for icons, illustrations, and 3D illustrations in SVG, AI, and PNG formats.

![Radix Icons template](https://redpixelthemes.com/cachedImages/radix-icons-53HHzBsQzV-768w.webp)

### Radix Icons

[Link to resource](https://icons.radix-ui.com/)

**Important bits**

- Lets you edit them in Figma and Sketch
- Lets you copy and download SVG icons
- Can be used as an NPM module

**Description**

A crisp set of 15×15 icons designed by the Modulz team. All icons are available as individual React components.

![CSS Icons template](https://redpixelthemes.com/cachedImages/css-icons-_nXYKyRnIO-768w.webp)

### CSS Icons

[Link to resource](https://css.gg/)

**Important bits**

- Includes 700+ icons
- Has Figma and Adobe XD files available for editing
- Lets you copy and download SVG icons

**Description**

Open-source CSS, SVG, and Figma UI icons available in SVG Sprite, styled-components, NPM & API

## Paid

![Flaticon template](https://redpixelthemes.com/cachedImages/flaticon-768w.jpeg)

### Flaticon

[Link to resource](https://www.flaticon.com/) | Price: €9.99/m

**Important bits**

- Includes 6.9M+ icons
- Only lets you download the icons
- Offers free PNG icons

**Description**

Flaticon is home to many talented icon designers. Each works in different styles and explores different concepts, so you can totally find the right icons for your project. They provide access to +7.0M vector icons & stickers

![Iconos8 template](https://redpixelthemes.com/cachedImages/iconos8-768w.jpeg)

### Iconos8

[Link to resource](https://iconos8.es/) | Price: $13/m

**Important bits**

- Includes 100,000+ icons
- Only lets you download the icons
- They created [Line Awesome](https://icons8.com/line-awesome) as an alternative to [Font Awesome](https://fontawesome.com/)

**Description**

Icons8 allows downloading design elements for free: icons, photos, vector illustrations, and music for your videos. They offer 900k+ free icons that match each other so you can find visually consistent icons for all your designs.

![Iconbros template](https://redpixelthemes.com/cachedImages/iconbros-768w.jpeg)

### Iconbros

[Link to resource](https://www.iconbros.com/)  | Price: $3.99/m

**Important bits**

- Includes 20,000+ icons
- Only lets you download the icons
- Includes an icon font with simple icons

**Description**

Iconbros has 21,000+ free icons grouped in 452 collections.