DEV Community

loading...
Cover image for 📱 5 Best Places to find free SVG/CSS icons for your websites 🪐

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

viclafouch profile image Victor de la Fouchardière Updated on ・2 min read

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

Discussion (2)

pic
Editor guide
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
lorenzodelijser profile image
Lorenzo

Here are even some awesome open-source svg icon libraries:
Boxicons
Eva Icons
Ionicons
Remix Icon
Material Icons
Octicons