header bg image

13 Tailwind CSS-friendly Icon Resources, both free and paid

By Vivian

/

April 08, 2022

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

# Free

heroicons icon

# Heroicons

Link to resource

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 and Vue libraries.

remixicons icon

# Remixicons

Link to resource

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 icon

# SVGRepo

Link to resource

Important bits

  • Includes 300,000+ icons
  • Lets you download SVG files
  • Brother of pngrepo (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 icon

# Iconoir

Link to resource

Important bits

  • Includes 1049 icons
  • Lets you copy-paste the SVG directly
  • Has React and Framer 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 icon

# Freeicons

Link to resource

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 icon

# UXWing

Link to resource

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 icon

# Boxicons

Link to resource

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 icon

# Iconfinder

Link to resource

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

# Radix Icons

Link to resource

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

# CSS Icons

Link to resource

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

flaticon icon

# Flaticon

Link to resource | 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 icon

# Iconos8

Link to resource | Price: $13/m

Important bits

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 icon

# Iconbros

Link to resource | 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.

Share this article on:

Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.

Check out a recent issue for a sample.

Sign up successful, check your email to confirm!

Submitting...

© 2022. Red Pixel Themes. All Rights Reserved.