header bg image

18 Tailwind CSS-friendly icons, both free and paid

By Vivian

/

April 07, 2022

# Free

# PIXELARTICONS

Link to resource

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.

# Humbleicons

Link to resource

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

Link to resource

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

Link to resource

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.

# Simple Icons

Link to resource

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

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

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

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

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

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

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

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

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

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

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

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

Link to resource | Price: $13/m

Important bits

  • Includes 100,000+ icons
  • Only lets you download the icons
  • They created Line Awesome as an alternative to Font Awesome

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

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...

© 2023. Red Pixel Themes. All Rights Reserved.