There was a rising transition inside net design from utilizing commonplace graphical and font icons to utilizing inline SVGs as a substitute.
The Filament Group appeared to get the ball rolling once they revealed an article that demonstrated how a lot better it's utilizing SVG in comparison to font icons. And Chris Coyier, who has been an enormous proponent of icon fonts for quite a few years, has said that “utilizing inline SVG and the <use> ingredient to reference an icon is a superior system.” And simply in case these guys haven’t satisfied you that SVG icons are the way in which to go, you must have a learn of Ian Feather’s 10 causes for switching from an icon font to SVG, he’ll persuade you.
You guys although will not be right here to debate the professionals and cons of SVG icons, you’re right here for the assets! Don’t fear, we have now a lot for you. In whole we have now discovered 25 professionally designed icon units, which might be all obtainable in SVG format, and are all ready so that you can obtain and use them in your subsequent net mission. In addition to SVG, the overwhelming majority of the icon units come packaged with quite a lot of codecs: PSD, AI, EPS, and net fonts.
Open Iconic (223 Icons, SVG, PNG, WebP & Net Font)
With its 223 glyphs, Open Iconic is maybe probably the most full open supply SVG icon set obtainable. It has been designed to be readable right down to 8px, and with the burden of their WOFF file weighing in at solely 12.4kb (1 / 4 of the dimensions of Font Superior), that is actually a set you must take into account.
Unicons (150 Icons, SVG, PSD, PNG, EPS & AI)
The spectacular Unicons have been designed with minimal detailing, straight strains and angles, in an effort to keep accuracy and readability when used at any measurement. Many of the icons have been designed with micro-curves, unnoticeable in small sizes, however seen in giant sizes. There are 150 particular person icons within the set they usually are available SVG, AI, PSD, PNG and EPS codecs.
Linea (730 Icons, SVG, PNG & Icon Font)
Linea is a free outline-style set with a large 730+ particular person icons. You possibly can both obtain this big icon set in a single go, or you'll be able to obtain them by class (primary, music, ecommerce, software program, arrows, climate…), permitting you to decide on precisely what you want. In addition to in SVG format, additionally they are available PNG format and an icon font can be obtainable.
Fineline Icons (300 Icons, SVG, EPS, AI & PSD)
The Fineline icon set consists of 300 line-styled icons, and have been designed to be used on high-resolution retina shows. The set is available in each SVG and PSD codecs.
Feather Icons (130 Icons, PSD, CSH, SVG & Net Font)
Feather is a rising assortment of 130 ‘fantastically easy’ icons that comes packaged in PSD, CSH, Icon Font, and naturally, SVG codecs.
Easy Line Icons (100 Icons, AI, EPS, SVG & PSD)
Created by Mirko Monti, the Simple Line Icons set have been designed for net and UI design. The pack accommodates 100+ free icons, and is available in SVG, AI, EPS and PSD codecs.
Dripicons Line Icons (250 Icons, PSD, AI, EPS, PDF, SVG & Net Font)
Dripicons, designed by Amit Jakhu, is an easy set of 96 free icons that may be simply modified and tailored for a lot of makes use of. The set is available in SVG, AI, EPS, PSD, and icon font codecs.
Stroke Icons (1350 Icons, AI, EPS, PDF & SVG)
The fantastically crafted Stroke Icons accommodates over 1350 icons protecting commonplace net icons and virtually all features of contemporary net design. It comes packaged in SVG, AI and EPS file codecs.
Ikons (264 Icons, SVG, AI, ESP, PSD, CSH & PNG)
Ikons is a set of 264 vector icons created by Piotr Kwiatkowski. The icons are available SVG, AI, ESP, PSD, CSH and PNG codecs.
945 Vector Icons (1000 Icons, SVG, AI, EPS, PSD, CSH, PNG & Net Font)
This vector set accommodates a large pixel-perfect 1,000 crisp icons. The icons are available SVG, AI, EPS, PSD, CSH, PNG and icon font codecs.
Pixelvicon (100 Icons, SVG, PSD, AI, PNG and Icon Font)
Designed by Mohammad Amiri, Pixelvicon is a set of 100 free SVG icons. In addition to the SVGs, this icon set additionally is available in PSD, AI, PNG and Icon Font codecs.
Fashionable Flat Icons (146 Icons, SVG, AI, EPS, PSD & PNG)
This pack accommodates 146 circular and flat-style icons. The trendy icon set is available in SVG, AI, EPS, PSD and PNG (256px – 512px) codecs, and because of the vector information, they are often simply resized and edited.
The Icons 432 (400 Icons, SVG, PNG, AI, EPS & PSD)
This icon set accommodates over 400 icons and is available in 4 distinct kinds: Rounded, Darkish Rounded, Rounded Corners and Sq.. It comes packaged with totally editable AI, EPS, and PSD information, and in addition properly organized PNG and SVG information.
Metrize Icons (300 Icons, SVG, PSD, EPS, AI & Net Font)
Designed by Alessio Atzeni, Metrize is a free assortment of 300 metro-style icons. It is available in SVG, PSD, EPS, AI and icon font codecs.
Outlined Icons (150 icons, PSD, AI, SVG & Net Font)
Outlined Icons, designed by Dario Ferrando, is an easy free icon set with over 150 glyphs. The obtain package deal consists of PSD, AI, sliced SVGs and icon font information.
Caffeine (500 Icons, SVG, AI & PNG)
Caffeine is a set of 500+ retina-ready icons which have been designed particularly for net and cellular designers. It is available in SVG, AI and PNG codecs.
Maki Net Cartography Icons (110 Icons, SVG & PNG)
Maki is a clear focal point icon set made particularly for net cartography. It contains 110 totally different symbols at three sizes every giving a complete of 330 icons. Accessible in each SVG or PNG codecs.
Forma (472 Icons, SVG, PSD, CSH, EPS, AI & PSD)
The crystal clear and minimal Forma icon set comes jam-packed with 472 simple to customise glyphs. In addition to the SVG information, the icons are additionally obtainable in PSD, CSH, EPS, AI and PSD codecs.
Fee Technique Icons (34 Icons, SVG & Net Font)
Orlando Merone has created a very helpful SVG icon font of payment systems and methods. Excellent to your subsequent ecommerce mission.
Delicons (900 Icons, SVG, AI, EPS, PSD & Net Font)
Delicons is a group of 900 ‘del-style’ icons. Constructed on a grid system, these icons will scale right down to as small as 16px and as giant as required. They arrive in SVG, AI, EPS, PSD and icon font codecs.
Meteocons (40 Icons, SVG, PSD, CSH, EPS & Net Font)
Meteocons is a free climate icon set. The obtain package deal accommodates 40+ icons and is available in SVG, PSD, CSH, EPS, and icon font codecs.
Drawic (58 Icons, SVG)
Drawic is a small set of 58 SVG social icons.
IconMelon (1000s, SVG)
IconMelon is a large open-source repository of flat SVG icons. You possibly can choose particular person icons as per your necessities and create your individual personalised set.
Vector Icons (1111 Icons, PSD, PNG, SVG, EPS & AI)
It is a pack of 1111 solid vector icons and are perfect for use in web sites, cellular apps and person interfaces.
You possibly can discover ways to manipulate SVG icons with easy CSS or how you can construct a web page scroll progress indicator with jQuery and SVG over on Tuts+.
