15 Web pages to Obtain Unfastened SVG Icons

by | Nov 26, 2021 | Etcetera | 0 comments

With an increasing usage of high-resolution displays, we’ve spotted the rise of SVG icons. By contrast to a bitmap graphic, SVG is scalable and resolution independent that allows it to stick sharp without reference to the size and the show determination.

So proper right here we’ve put together the best belongings from where you’ll get top quality SVG icons. Some of the belongings provide additional than just the icons with at hand choices to boost the productivity of designers and developers.

Without further ado, let’s soar throughout the whole report.

Testing SVG Support Across Web Browser Engines (Case Study)

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

Trying out SVG Fortify Right through Web Browser Engines (Case Know about)

SVG (Scalable Vector Graphics) is officially supported by means of all number one web browsers, at the side of Internet Explorer. The fortify spans… Be told additional

Bootstrap Icons

An original icon collection from Bootstrap, one of the vital common HTML/CSS frameworks. It incorporates over 1500 icons in each and every SVG and SVG structure supplying you with so much flexibility. Even though the ones icons are advanced for Bootstrap, you’ll however use them with some other framework.

bootstrap-iconsbootstrap-icons

Boxicons

Boxicons come with more than 1500 icons grouped into various categories an identical to E-Business, Finance, and Track that permits you to merely type and to search out the particular collection.

Each icon is to be had in a singular structure; not most efficient you’ll select and download them as SVG, on the other hand you moreover use them as a Font icon and Web Components. It’s thought to be certainly one of my go-to when I need icons for a website online or tool.

See also  A Simple Guide to WordPress Load Testing
boxiconsboxicons

Feather Icons

Search over 200 superbly designed icons. One thing that I in point of fact like regarding the collection is that it allows you to customize the size, the stroke width, and the color forward of downloading the icons. On best of that, you’ll select to procure specific icons or download they all together.

featherfeather

Iconoir

Iconoir is a free and open-source collection with more than 900 icons. It’s to be had in various formats at the side of SVG, Font, React.js, and even Figma and Framer. I’m sure each and every designers and developers will appreciate this collection.

iconoiriconoir

Ionicons

A collection of icons from Ionic framework designed for use on the Web, Cell, or Desktop tool. Each icon is to be had in 3 different sorts: Outline, Filled, and Sharp. They’re available as SVG and Font icons.

ioniconsionicons

Tabler Icons

Contains over 1300 icons, Tabler is without doubt one of the easiest imaginable collections to put for your web or app design. It sort of feels to be crisp, consistent, and customizable. Each icon is available in a large number of other formats besides the SVG at the side of JSX, Wisdom URI, React Component, Webfont, SCSS, plus it moreover shows you some examples on the way you’ll practice the icons on a UI phase.

tabler-iconstabler-icons

Radix Icons

A set of icons designed with thin outline characteristics. Each icon is on 15&instances;15 pixel and looks crisp on the show. You’ll get the collection as Figma record, Caricature record, IconJar, SVG, or NPM. The ones rather a large number of formats allow simple collaboroation between designers and developers.

See also  30 Examples of Stellar About Us Pages for Inspiration
radix-iconradix-icon

Heroicons

Heroicons is a choice of icons designed by means of the parents in the back of Tailwind. It provides a choice of more than 200 icons. Each icon is to be had in 2 sorts “Outline” and “Filled” and is available as an SVG, JSX, and Vue phase library. For designers, you’ll download the Figma record for all of the icons.

heroiconsheroicons

Ant Design Icons

This icon is part of the Ant Design machine. On the other hand you’ll arrange the icon collection as a standalone phase by means of NPM. Each icon is available as a React.js phase and it will likely be rendered as SVG.

It moreover is to be had in 3 sorts — Outlined, Filled, Two-tone — and is suitable on each Gentle or Dark mode color scheme out-of-the-box. Must you’re development a React.js tool, this is without doubt one of the easiest imaginable icon collections to select up.

ant-designant-design

Remix Icon

Remix Icon is a fantastic collection of more than 2000 icons. Some of the icons have various variations. As an example, there are more than a dozen variations for the home icons. This permits you to pick necessarily probably the most easiest imaginable have compatibility of the icon for your website persona.

remixiconremixicon

Material Design Icons

This is an icon collection from Google’s “Material” design system. It comes with an intuitive UI that gives convenience to enforce the icon in a large number of different platforms at the side of the Web each with the SVG or icon, Android, iOS, Flutter, and it’s moreover specially integrated with Angular.

See also  How you can Repair The Important Error in WordPress (Step by means of Step)
material-iconsmaterial-icons

Octicons

An icons library from Github, the ones icons have been created for their “Primer” design machine, particularly Github applications which makes it a really perfect set for individuals who assemble a website online or tool integrated with Github. You’ll arrange and use the icons by means of Gem (Ruby package deal deal), NPM, or as React.js phase.

octiconsocticons

Icons Grommet

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

grommet-iconsgrommet-icons

CSS.gg

This website provides spherical 700 top quality icons. The icon collection is available in numerous formats at the side of CSS, SVG, TypeScript, Figma, Adobe XD, and as an API endpoint. This allows to ease collaboration between designers and developers when designing internet pages and transforming the design into code.

cssggcssgg

Typicons

Typicons is a collection of nice modern-looking icons designed for web or native — mobile and desktop — applications. At the time of this writing, there are spherical 300 icons, each and every is available in each and every SVG and icon font structure and resolution-independent that makes it kind of feels to be sharp and crisp without reference to the show determination.

typiconstypicons

The publish 15 Websites to Download Free SVG Icons appeared first on Hongkiat.

WordPress Website Development

[ continue ]

0 Comments

Submit a Comment