With an expanding utilization of high-resolution monitors, we’ve noticed the upward push of SVG icons. In contrast to a bitmap graphic, SVG is scalable and determination self reliant that permits it to stay sharp irrespective of the dimensions and the display decision.

So right here we’ve put in combination the most efficient assets from the place you’ll get fine quality SVG icons. Probably the most assets supply extra than simply the icons with handy options to spice up the productiveness of designers and builders.

With out additional ado, let’s leap within the complete record.

Testing SVG Support Across Web Browser Engines (Case Study)

.no-js #ref-block-post-24289 .ref-block__thumbnail { background-image: url(“https://property.hongkiat.com/uploads/thumbs/250×160/test-svg-format-browser-engines.jpg”); }

Checking out SVG Enhance Throughout Internet Browser Engines (Case Find out about)

SVG (Scalable Vector Graphics) is formally supported via all primary internet browsers, together with Web Explorer. The enhance spans… Learn extra

Bootstrap Icons

An authentic icon assortment from Bootstrap, some of the widespread HTML/CSS frameworks. It comprises over 1500 icons in each SVG and SVG layout providing you with a lot flexibility. Regardless that those icons are evolved for Bootstrap, you’ll nonetheless use them with another framework.

bootstrap-iconsbootstrap-icons

Boxicons

Boxicons include greater than 1500 icons grouped into a number of classes equivalent to E-Trade, Finance, and Tune that lets you simply kind and to find the specific assortment.

Each and every icon is available in a unique layout; no longer most effective you’ll make a selection and obtain them as SVG, however you additionally use them as a Font icon and Web Components. It’s considered one of my go-to after I want icons for a site or software.

boxiconsboxicons

Feather Icons

Seek over 200 fantastically designed icons. Something that I really like in regards to the assortment is that it lets you customise the dimensions, the stroke width, and the colour ahead of downloading the icons. On most sensible of that, you’ll make a choice to obtain explicit icons or obtain all of them in combination.

featherfeather

Iconoir

Iconoir is a loose and open-source assortment with greater than 900 icons. It is available in a number of codecs together with SVG, Font, React.js, or even Figma and Framer. I’m certain each designers and builders will admire this assortment.

iconoiriconoir

Ionicons

A choice of icons from Ionic framework designed to be used at the Internet, Cellular, or Desktop software. Each and every icon is available in 3 other types: Define, Crammed, and Sharp. They’re to be had as SVG and Font icons.

ioniconsionicons

Tabler Icons

Accommodates over 1300 icons, Tabler is among the best possible collections to place on your internet or app design. It seems to be crisp, constant, and customizable. Each and every icon is to be had in numerous different codecs but even so the SVG together with JSX, Knowledge URI, React Element, Webfont, SCSS, plus it additionally displays you some examples on how you’ll observe the icons on a UI part.

tabler-iconstabler-icons

Radix Icons

A set of icons designed with skinny define traits. Each and every icon is on 15×15 pixel and appears crisp at the display. You’ll get the gathering as Figma report, Comic strip report, IconJar, SVG, or NPM. Those quite a lot of codecs permit easy collaboroation between designers and builders.

radix-iconradix-icon

Heroicons

Heroicons is a collection of icons designed via the folks at the back of Tailwind. It supplies a collection of greater than 200 icons. Each and every icon is available in 2 types “Define” and “Crammed” and is to be had as an SVG, JSX, and Vue part library. For designers, you’ll obtain the Figma report for the entire icons.

heroiconsheroicons

Ant Design Icons

This icon is a part of the Ant Design gadget. However you’ll set up the icon assortment as a standalone part via NPM. Each and every icon is to be had as a React.js part and will probably be rendered as SVG.

It additionally is available in 3 types — Defined, Crammed, Two-tone — and is appropriate on both Mild or Darkish mode colour scheme out-of-the-box. Should you’re construction a React.js software, this is among the best possible icon collections to pick out up.

ant-designant-design

Remix Icon

Remix Icon is an incredible choice of greater than 2000 icons. Probably the most icons have a number of permutations. For instance, there are greater than a dozen permutations for the house icons. This lets you pick out essentially the most best possible are compatible of the icon in your website online personality.

remixiconremixicon

Material Design Icons

That is an icon assortment from Google’s “Material” design system. It comes with an intuitive UI that provides comfort to put in force the icon in numerous other platforms together with the Internet both with the SVG or icon, Android, iOS, Flutter, and it’s additionally specially integrated with Angular.

material-iconsmaterial-icons

Octicons

An icons library from Github, those icons were created for his or her “Primer” design gadget, in particular Github packages which makes it an ideal set for those who construct a site or software built-in with Github. You’ll set up and use the icons via Gem (Ruby package deal), NPM, or as React.js part.

octiconsocticons

Icons Grommet

A set of SVG icons constructed as React.js elements. You’ll to find some distinctive icons within the assortment, and a few icons are even to be had in complete colour as a substitute of simply white and black.

grommet-iconsgrommet-icons

CSS.gg

This website online supplies round 700 fine quality icons. The icon assortment is to be had in lots of codecs together with CSS, SVG, TypeScript, Figma, Adobe XD, and as an API endpoint. This permits to ease collaboration between designers and builders when designing web pages and reworking the design into code.

cssggcssgg

Typicons

Typicons is a choice of great modern-looking icons designed for internet or local — cell and desktop — packages. On the time of this writing, there are round 300 icons, every is to be had in each SVG and icon font layout and resolution-independent that makes it seems to be sharp and crisp irrespective of the display decision.

typiconstypicons

The submit 15 Websites to Download Free SVG Icons seemed first on Hongkiat.

WordPress Website Development

[ continue ]