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!

Snap.svg

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

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.

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.

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.

Chartist.js

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

bonsai

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

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.

Glyphter

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

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.

SVG Icon Sets

Free SVG icons for popular brands

Responsive E-Commerce Icon Set

Freebies – Social flat icons set

Simple Line Icons – Freebie

Web Hosting & Technical Support Icons

Free Fruit Icons

UI UX Icons

Free vector Foldicons

60 Free Industrial Icons

Rounded Icon Set

The Free Bitcoin Icon Set

Freebie: Pixelvicon Icon Set (80 Icons)

Free vector icons

60 Stylish Round Icons – Meet The Roundicons

Stroke Gap Icons – Webfont

60 Astonishing Flat Icons For Free

Basic

36 Beautiful Rounded Icons

240 Free Kitchen / Restaurant Icons

200 Free Valentine’s Day Icon Pack

50 File Type Vector Icons

Free Download: 40 Valentine’s Icons

CaptainIconWeb

150 outlined icons – PSD AI SVG Webfont

nastyicons.com

Metrize Icons

Simple Line Icons – 100+ free icons

200 Holidays & Travel Icons Pack

100 Free Line-Style Icons

Weather icons set Free Vector

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.