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
Leave a Reply
Be the First to Comment!