

Alternatively you can download the Font Awesome vector icons (SVG & EPS). Font Awesome Iconsįont Awesome, the most popular font icon used on web offers 600+ icons and is also available as SVG icons among other formats such as TTF, WOFF, EOT etc. You can also download the Figma source files for the SVG icons. React as well as Vue libraries are also available that you can install through npm. You can use it freely in personal as well as commercial projects. Heroicons are a set of beautifully hand-crafted SVG icons by the makers of Tailwind CSS. You can download individual SVG for icons, SVG sprite as well as web fonts.

It is open source SVG icon library containing over 1300 icons that can be easily filtered with search terms. This is official icon repository from the makers of Bootstrap.

You can also filter SVG icons by category such as Mono-color icons, Multicolor icons, outlined icons or filled icons. It has a repository of over 300,000 Free SVG Vector Icons that you can easily search. You can download free mono or multi color vectors for commercial use. SVG Repo contain many free vectors and icons in SVG format. However, we do advise you to read their latest license terms and usage limitations before downloading and using them. Below we have picked those icon sets and libraries that are either offered as SVG or in multiple formats such as PNG, SVG and Web Font.Īt the time of compiling this list, these SVG icons were allowed to be used in personal as well as commercial web design projects. There are many free icon libraries on the web, however not all of them offer icons in SVG format.

If you are just getting started you may refer to these free guides about using SVG in web projects. Also find below a few tutorials related to using SVG icons in web design: SVG icons offer benefits like sharper rendering at different sizes, smaller file-size and are easier customization via CSS. SVG has gained a lot of traction in web design and is regularly used as web graphics, web icons as well as for animations on websites. We are presenting here some of the best SVG icon sets and libraries that are free to download and are allowed to be used in commercial web design projects. SVG icons offer many benefits over the regular font icons or image sprites and are usually preferred in web design.
