18 Tailwind CSS-friendly icons, both free and paid
By Vivian
/April 07, 2022
# Free
# PIXELARTICONS
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.
Check out a recent issue for a sample.
Submitting...
