Dirk Metzmacher August 14th, 2017

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! SVG © Method Draw


With Snap.svg, SVG files can be created and edited for free, even turning them into lovely animations. SVG © 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 © SVG Morpheus


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. SVG © 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. SVG © kennethcachia.com


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


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


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. SVG © SVGMagic


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


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

SVG Icon Sets

Free SVG icons for popular brands

SVG © simpleicons.org

Responsive E-Commerce Icon Set

SVG © plugandplaydesign.co.uk

Freebies - Social flat icons set

SVG © Christophe Kerebel

Simple Line Icons - Freebie

SVG © Nimasha Perera

Web Hosting & Technical Support Icons

SVG © Vecteezy

Free Fruit Icons

SVG © James George

UI UX Icons

SVG © Armantas Zvirgzdas

Free vector Foldicons

SVG © James George

60 Free Industrial Icons

SVG © speckyboy.com

Rounded Icon Set

SVG © Jerry Low for Myplanet

The Free Bitcoin Icon Set

SVG © speckyboy.com

Freebie: Pixelvicon Icon Set (80 Icons)

SVG © Mohammad Amiri

Free vector icons

SVG © Dan Skrobak

60 Stylish Round Icons – Meet The Roundicons

SVG © smashingmagazine.com

Stroke Gap Icons – Webfont

SVG © graphicburger.com

60 Astonishing Flat Icons For Free

SVG © smashingmagazine.com


SVG © linea

36 Beautiful Rounded Icons

SVG © smashingmagazine.com

240 Free Kitchen / Restaurant Icons

SVG © ewebdesign.com

200 Free Valentine’s Day Icon Pack

SVG © ewebdesign.com

50 File Type Vector Icons

SVG © Chris B

Free Download: 40 Valentine’s Icons

SVG © webdesignerdepot.com


SVG © mariodelvalle

150 outlined icons – PSD AI SVG Webfont

SVG © Dario Ferrando


SVG © nastyicons.com

Metrize Icons

SVG © alessioatzeni.com

Simple Line Icons - 100+ free icons

SVG © Mirko Monti

200 Holidays & Travel Icons Pack

SVG © graphicsfuel.com

100 Free Line-Style Icons

SVG © elegantthemes.com

Weather icons set Free Vector

SVG © freepik.com

Dirk Metzmacher

Dirk Metzmacher is a professional Photoshop trainer, book author and designed with over 10 years of experience. He is also a creative mind behind Photoshop Weblog, a blog about techniques, tutorials and resources related to Adobe Photoshop.

Leave a Reply

Your email address will not be published. Required fields are marked *