15 Best Resources to Download Free SVG Icons

SVG icons have become more popular as the number of high-resolution screens has grown. SVG is not like a bitmap in that it can be resized and doesn’t depend on the screen resolution. This means that it will always look sharp no matter how big or small it is.

15 Best Resources to Download Free SVG Icons

So, we’ve put together here the best places to find high-quality SVG icons. Some of the resources offer more than just icons; they also have useful features that can help designers and developers get more done.

Let’s get right to the full list without further ado.

1

Bootstrap Icons

bootstrap icons
Source: Google

One of the most popular HTML/CSS frameworks, Bootstrap, has its own set of icons. It has more than 1500 icons in both SVG and SVG format, which gives you a lot of freedom. You can still use these icons with any other framework, even though they were made for Bootstrap.


2

Boxicons

Source: Google

Boxicons has more than 1,500 icons organized into groups like “E-Commerce,” “Finance,” and “Music,” which makes it easy to sort and find the right set.

Each icon comes in a different format. You can choose and download them as SVG, but you can also use them as Font icons and Web Components. It’s one of the first places I look when I need an icon for a website or app.


3

Feather Icons

feather
Source: Google

Look through more than 200 beautiful icons. I really like that the collection lets you change the size, stroke width, and color of the icons before you download them. You can also choose which icons to download or download them all at once.


4

Iconoir

iconoir
Source: Google

Iconoir is a set of more than 900 icons that is free and open source. It comes in a number of different formats, such as SVG, Font, React.js, Figma, and Framer. I’m sure that both designers and programmers will find this collection useful.


5

Ionicons

15 Best Resources to Download Free SVG Icons
Source: Google

A group of icons from the Ionic framework that can be used in Web, mobile, and desktop apps. There are three styles for each icon: Outline, Filled, and Sharp. You can get them as both SVG and Font icons.


6

Tabler Icons

tabler icons
Source: Google

Tabler is a great collection of icons for web and app design. It has more than 1300 icons. It looks clean, uniform, and easy to change. In addition to the SVG format, each icon is also available in JSX, Data URI, React Component, Webfont, and SCSS. There are also some examples of how to use the icons on a UI component.


7

Radix Icons

radix icon
Source: Google

A group of icons that have thin lines around them. Each icon is 1515 pixels, which makes it look clear on the screen. You can download the set as a Figma file, a Sketch file, an IconJar file, an SVG file, or an NPM file. These different formats make it easy for designers and developers to work together.


8

Heroicons

heroicons
Source: Google

The people who made Tailwind also made Heroicons, which is a set of icons. It gives you more than 200 icons to use. Each icon is available as an SVG, JSX, and Vue component library and comes in two styles: “Outline” and “Filled.” The Figma file for all the icons can be downloaded by designers.


9

Ant Design Icons

ant design
Source: Google

The Ant Design system includes this icon. But you can use NPM to install the icon collection as a separate part. Each icon is a React.js component that will be turned into an SVG file.

It also has three styles: Outlined, Filled, and Two-tone. Right out of the box, it works with either the Light or Dark mode colour scheme. This is one of the best icon collections to get if you’re making a React.js app.


10

Remix Icon

Source: Google

Remix Icon is a great collection of more than 2000 icons. Some of the icons look different from one another. For example, the home icons come in more than a dozen different styles. This lets you choose the icon that best fits the style of your site.


11

Material Design Icons

material icons
Source: Google

This is a set of icons from the “Material” design system from Google. It has an easy-to-use user interface (UI) that makes it easy to use the icon on many different platforms, such as the Web with SVG or icon, Android, iOS, Flutter, and it’s also built to work with Angular.


12

Octicons

octicons
Source: Google

This is a library of icons from Github. They were made for their “Primer” design system, which is used for Github applications. This is a great set if you want to build a website or app that works with Github. The icons can be installed and used with Gem (a Ruby package), NPM, or as a React.js component.


13

Icons Grommet

grommet icons
Source: Google

A group of SVG icons that have been made as React.js components. In the collection, you can find some unique icons, and some of them come in full color instead of just white and black.


14

CSS.gg

15 Best Resources to Download Free SVG Icons
Source: Google

About 700 good icons can be found on this site. The icon collection is available in many different formats, such as CSS, SVG, TypeScript, Figma, Adobe XD, and as an API endpoint. This makes it easier for designers and developers to work together when making websites and turning the design into code.


15

Typicons

typicons
Source: Google

Typicons is a set of nice-looking, modern icons that can be used in web or native (mobile and desktop) apps. At the time this was written, there were about 300 icons. Each one is available in both SVG and icon font formats and works well with any screen resolution.


Follow WAANi on Twitter and like us on Facebook to stay up to date on the latest PC gaming News and Guides. We may also include links to affiliate stores. If you buy something from one of these stores, we get a small commission. Thank you.

Leave a Comment