40 Excellent SVG Tools and Dozens of Icon Sets

On one hand, the web is becoming more and more visual, and even the shortest of texts are supported by images. On the other hand, we have to pay lots of attention to loading times, in order to prevent us from scaring off visitors, or Google. With the development of the responsive web, a third component was added: a graphic’s ability to handle the different resolutions.

SVG image material, also known as scalable vector graphics, is the solution. Small file sizes and a flexible adjustment to the screen size are given here. We have compiled the prettiest online tools and icon sets.

SVG Web Tools

Method Draw

Method Draw is a free web app to edit SVG files with. Specifically designed as an online vector editor, its controls are very simple: open a file, edit it, and save: done!

© Method Draw

Snap.svg

With Snap.svg, SVG files can be created and edited for free, even turning them into lovely animations.

© Snap.svg

SVG Morpheus

Those who want to see some motion in their icons use SVG Morpheus, allowing two or more icons to transition into each other.

© SVG Morpheus

quasi-svg

Use this app to create pretty crystalline patterns. Plenty of input fields allow you to create custom patterns, which can be used as backgrounds for your projects.

© berjon.com

Plain Pattern

The Plain Pattern App is an easy to control application for the creation of patterns that can be exported from the SVG format.

© kennethcachia.com

Chartist.js

Chartist helps designers and developers to turn contents into interactive dynamic diagrams, which look the same on all terminal devices.

© gionkunz.github.io

bonsai

Bonsai offers a library for graphic editing, which also supports an API and render platform for SVG.

© bonsaijs.org

SVGMagic

If the browser is too old to display SVG, SVGMagic can help you out. Blocked SVG content is converted into PNGs, allowing the browser to display it. Here’s where jQuery comes into play in the background.

© SVGMagic

Glyphter

Glyphter provides you with easy access to 16 different sources of SVG-optimized icons and fonts.

© Glyphter

iconizr

If you have a whole bunch of SVG animations or graphics, put them all together: Iconizr converts them into an applicable CSS icon kit.

© iconizr

SVG Icon Sets

Free SVG icons for popular brands

© simpleicons.org

Responsive E-Commerce Icon Set

© plugandplaydesign.co.uk

Freebies – Social flat icons set

© Christophe Kerebel

Simple Line Icons – Freebie

© Nimasha Perera

Web Hosting & Technical Support Icons

© Vecteezy

Free Fruit Icons

© James George

UI UX Icons

© Armantas Zvirgzdas

Free vector Foldicons

© James George

60 Free Industrial Icons

© speckyboy.com

Rounded Icon Set

© Jerry Low for Myplanet

The Free Bitcoin Icon Set

© speckyboy.com

Freebie: Pixelvicon Icon Set (80 Icons)

© Mohammad Amiri

Free vector icons

© Dan Skrobak

60 Stylish Round Icons – Meet The Roundicons

© smashingmagazine.com

Stroke Gap Icons – Webfont

© graphicburger.com

60 Astonishing Flat Icons For Free

© smashingmagazine.com

Basic

© linea

36 Beautiful Rounded Icons

© smashingmagazine.com

240 Free Kitchen / Restaurant Icons

© ewebdesign.com

200 Free Valentine’s Day Icon Pack

© ewebdesign.com

50 File Type Vector Icons

© Chris B

Free Download: 40 Valentine’s Icons

© webdesignerdepot.com

CaptainIconWeb

© mariodelvalle

150 outlined icons – PSD AI SVG Webfont

© Dario Ferrando

nastyicons.com

© nastyicons.com

Metrize Icons

© alessioatzeni.com

Simple Line Icons – 100+ free icons

© Mirko Monti

200 Holidays & Travel Icons Pack

© graphicsfuel.com

100 Free Line-Style Icons

© elegantthemes.com

Weather icons set Free Vector

© freepik.com