DEV Community

Cover image for 📱 5 Best Places to find free SVG/CSS icons for your websites 🪐
Victor de la Fouchardière
Victor de la Fouchardière

Posted on • Edited on

📱 5 Best Places to find free SVG/CSS icons for your websites 🪐

Hello! 🤗

1 week 👉 1 article published ! #FollowMe

Here a list of 5 websites that will make you change your life about icons. They are not the best, but they are the ones who I think are among the best.

The 5 websites below are open source and no registration is required.

Quick message: if you know about other great libraries, feel free to mention it in a reply.

1. Tabler icons

Licence: MIT
Website: tabler-icons.io
Made by: @codecalm

Get more than 550+ Customizable free SVG icons with Tabler icons!

A large icon set, with the possibility of customizing the stroke, color and size, being super handy if we are making wireframes or testing icons.

Tabler icons

2. CSS.gg

Licence: MIT
Website: css.gg
Made by: @AstritMalsija

An amazing icon library with +700 free icons in pure #CSS.

css.gg offers a library of icons made in CSS completely free. They are of very good quality and the choice is quite consequent. You should be able to find everything you want.

Also available in SVG, SVG Sprite, styled components, Figma and Adobe Xd formats.

css.gg

3. Feather Icons

Licence: MIT
Website: feathericons.com
Made by: @colebemis

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

feathericons.com

4. unDraw

Licence: MIT
Website: undraw.co
Made by: @NinaLimpi

The website undraw.co offers a collection of 600 illustrations in SVG format for free. A search engine allows you to display images corresponding to your search. For an entire search or on a selected image, it is possible to customize the color via the tool at the top right.

unDraw.co

5. Heroicons

Licence: MIT
Website: heroicons.dev
Made by: @steveschoger @adamwathan @username_ZAYDEK

A list of SVG icons made by the creators of @tailwindcss! +170 icons currently, more to come in the future. To use these icons, simply copy the source for the icon you need.

heroicon.dev

Voilaaa!

You using another site that deserves to be shared? Indicate it in the comments below!

Cheers 🍻 🍻 🍻

Top comments (3)

Collapse
 
cyntss profile image
Cynthia 🏳️‍🌈 Sanchez

Another set of icons

icons.eosdesignsystem.com/

the best part is that it is maintained by a big community of designers and developers, so every week there are new icons, and you can request new ones for your project, too! (all free... it's the open-source way)

Collapse
 
abiruzzamanmolla profile image
Abiruzzaman Molla

Thanks, helps a lot.

Collapse
 
imiahazel profile image
Imia Hazel

Thanks. Just added it to my toolbox.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.