Icons are a big part of web design. A sleek set of cohesive icons can really pull a web page together. You might prefer to craft your own icons to get the perfect look. But odds are, you`re short on time and creating from scratch is not the most efficient choice for your project. So in this post we`ve put together 20 useful free CSS and SVG Icon Sets you can reference when you`re in need of icons.
Lucide
It began after growing disaffection with the Feather Icons project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
Flag
A collection of all country flags in SVG plus the CSS for easier integration.
Simple
SVG icons for popular brands.
Feathericons
Simply beautiful open source icons.
Fileicon
The Customizable pure CSS file icons.
Icono
This is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.
Cssicon
Icon set made with pure css code, no dependencies, `grab and go` icons.
Littlebox
Super simple to use, CSS-only icons.
Govicons
It is a font and CSS toolkit with 115 government themed icons, ready to be dropped right into any project that needs scalable vector icons that can instantly be customized!
Payment
Payment related svg icons for use in fonts or spritesheets.
Super Tiny Social
Under 1KB each! They are minuscule SVG versions of your favourite logos. The average size is under 500 bytes!
Free Animated
A set of animated icons + code to insert them into the webpages.
Dusk UI
Icon set with 80 modern, soft-colored icons in several different formats, perfect for a fresh interface design.
svg-icon
An ultimate svg icons collection DONE RIGHT, with over 10,000 SVG icons out of the box.
Licon
It has both SASS and LESS versions so it can easily be modified and merged into modern projects. It provides all the useful icons for good design without adding any images or fonts. Also you can add effects of Animate.css on Licon. I hope that it’s useful for your projects.
Cryptocoins
Available in webfont & SVG format for taking advantage of small file sizes and unlimited scalability, Cryptocoins are perfect for usage on the web – right where they belong. Use them all or just the ones you need.
XEIcon
Beautiful transformable iconic font made for the web.
Jam
It is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in both font & svg versions.
Nerd Fonts
It is a project that patches developer targeted fonts with a high number of glyphs. Specifically to add a high number of extra glyphs from popular `iconic fonts` such as Font Awesome, Devicons, Octicons, and others.
Academicons
It is a specialist icon font for academics. It contains icons for websites and organisations related to academia that are often missing from mainstream font packages.
Devicon
It is a set of icons representing programming languages, designing & development tools. You can use it as a font or directly copy/paste the svg code into your project.
