With the increasing usage of high-resolution presentations, we’ve seen the upward thrust of SVG icons. By contrast to a bitmap graphic, SVG is scalable and determination independent that allows it to stick sharp regardless of the scale and the display screen decision.

So proper right here we’ve put together the best resources from where you’ll be capable to get high-quality SVG icons. One of the crucial resources provide additional than just icons with at hand choices to spice up the productiveness of designers and developers.

Without further ado, let’s jump into the total checklist.

1. Bootstrap Icons

An dependable icon collection from Bootstrap, one of the vital an important common HTML/CSS frameworks. It accommodates over 1500 icons in every SVG and SVG construction, providing you with so much flexibility. Despite the fact that the ones icons are complex for Bootstrap, you’ll be capable to nevertheless use them with every other framework.

2. Boxicons

Boxicons come with more than 1500 icons grouped into various categories, comparable to E-Business, Finance, and Monitor, that assist you to sort and find the precise collection merely.

Each and every icon is to be had in a singular construction; no longer most straightforward are you ready to select and download them as SVG, on the other hand you moreover use them as a Font icon and Internet Parts. It’s one in every of my go-tos once I need icons for a internet web page or software.

3. Feather Icons

Search over 200 fantastically designed icons. One thing that I love in regards to the collection is that it signifies that you’ll be able to customize the scale, stroke width, and color previous than downloading the icons. On best of that, you’ll be ready to select to acquire explicit icons or download they all together.

4. Iconoir

Iconoir is a loose and open-source collection with more than 900 icons. It’s to be had in various formats, along side SVG, Font, React.js, and even Figma and Framer. I’m certain every designers and developers will acknowledge this collection.

5. Ionicons

Quite a lot of icons from Ionic framework designed for use on the Web, Mobile, or Desktop software. Each and every icon is to be had in 3 different sorts: Outline, Stuffed, and Sharp. They’re available as SVG and Font icons.

6. Tabler Icons

Incorporates over 1300 icons, Tabler is one of the easiest collections to put for your web or app design. Apparently crisp, consistent, and customizable. Each and every icon is available in several other formats besides the SVG, along side JSX, Data URI, React Part, Webfont, SCSS, plus it moreover displays you some examples on the way you’ll be capable to apply the icons on a UI section.

7. Radix Icons

A set of icons designed with thin outline characteristics. Each and every icon is 15&occasions;15 pixels and looks crisp on the computer screen. You’ll get the collection as a Figma record, Caricature record, IconJar, SVG, or NPM. The ones slightly numerous formats allow blank collaboration between designers and developers.

8. Heroicons

Heroicons is a selection of icons designed by the use of the folks behind Tailwind. It provides a selection of more than 200 icons. Each and every icon is to be had in 2 sorts, “Outline” and “Stuffed” and is available as an SVG, JSX, and Vue section library. For designers, you’ll be capable to download the Figma record for all the icons.

9. Ant Design Icons

This icon is part of the Ant Design device. Then again you’ll be capable to arrange the icon collection as a standalone section by the use of NPM. Each and every icon is available as a React.js section and may also be rendered as SVG.

It moreover is to be had in 3 sorts — Outlined, Stuffed, Two-tone — and is appropriate with each Delicate or Dark mode color scheme out-of-the-box. While you’re construction a React.js software, this is one of the best possible icon collections to select up.

10. Remix Icon

Remix Icon is an improbable selection of more than 2000 icons. One of the crucial icons have various variations. For example, there are more than a dozen variations for the home icons. This permits you to select the perfect fit of the icon in your web site personality.

11. Subject material Design Icons

This is an icon collection from Google’s “Subject material” design machine. It comes with an intuitive UI that gives convenience to implement the icon in several different platforms, along side the Web each with the SVG or icon, Android, iOS, Flutter, and it’s moreover specifically built-in with Angular.

12. Octicons

An icons library from Github, the ones icons have been created for their “Primer” design device, specifically Github methods, which makes it a perfect set in the event you occur to build a internet web page or software integrated with Github. You’ll arrange and use the icons by the use of Gem (Ruby package deal deal), NPM, or as React.js section.

13. Icons Grommet

A set of SVG icons built as React.js portions. You’ll find some unique icons throughout the collection, and a couple of icons are even available in whole color instead of merely white and black.

14. CSS.gg

This web site provides spherical 700 high-quality icons. The icon collection is available in quite a lot of formats, along side CSS, SVG, TypeScript, Figma, Adobe XD, and as an API endpoint. This allows to ease of collaboration between designers and developers when designing internet pages and reworking the design into code.

15. Typicons

Typicons is various nice modern-looking icons designed for web or native — mobile and desktop — methods. At the time of this writing, there are spherical 300 icons, each and every is available in every SVG and icon font construction and is resolution-independent which makes it seems that sharp and crisp regardless of the computer screen choice.

The post 15 Web pages to Obtain Loose SVG Icons appeared first on Hongkiat.

WordPress Website Development

Supply: https://www.hongkiat.com/blog/download-svg-icons/

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more