SVG-Tools

Als Grafik ist es für SVG natürlich hilfreich, wenn man es in einem Grafik-Tool zeichnen kann, und dieses es als SVG-Textdatei abspeichern kann. Diese Datei kann man dann mit einem Editor dann noch anpassen (z.B. mit Animationen, JavaScript, genaue Positionierung,...). Deshalb stelle ich hier mal Grafik-Tools vor die das können:

Freeware:

Inkscape Inkscape: Dieses Open-Source-Grafik-Tool bietet fast alles was man von einem Grafik-Tool erwartet. Nebst dem einfachen Formen zeichnen, können zahlreiche grafische Effekte und Filter eingesetzt werden, und Inkscape speichert das Bild standardmässig als SVG ab. So bleibt der Code übersichtlich und leicht bearbeitbar. Dazu gibt es einen XML-Editor, einen Scripteditor, und sogar einen Rastergrafik-Vektorisierer. (Anbieter und Download)
snap.svg snap.svg: Mit einer umfangreichen JavaScript-SVG-Bibliothek können auf einfache Art anspruchsvolle Animationen erstellt werden, die auch für interaktive Online-Spiele verwendet werden können. (Anbieter und Download)


Kostenpflichtige Tools:

Illustrator Adobe Illustrator: Dieses Programm ist wohl das zuzeit beste Vektorgrafik-Zeichenprogramm. Nebst anderen Formaten kann SVG eingelesen und auch exportiert werden. Viele SVG-Filter können bequem angewendet werden. JavaScript-Events sind zu jedem Element hinzufügbar. Zahlreiche SVG-Export-Optionen sind vorhanden. So kann man z.B. angeben wie die Texte zu behandeln sind (auch Einbettung der Schriftart möglich). (Anbieter und Kauf)
corel Vector CorelDRAW Vector: Eine leicht zu bedienende umfangreiche Vektorgrafik-Suite. Es bestehen umfangreiche Import- (z.B. auch PDF) und Export-Möglichkeiten. Eine leistungsstarke AI wandelt Rastergrafiken und Texte optimiert in SVG um und hilft bei der responsiven Gestaltung der Grafik. (Anbieter und Kauf)
Links

Eine Zusammenstellung von empfohlenen Websites zum Thema SVG:

SELFHTML SELFHTML
Auch für SVG ist SELFHTML eine gute Anlaufstelle. Nebst einer Einführung und diverse Tutorials finden Sie hier eine ausführliche SVG-Element-Referenz, die mit Beispielen versehen ist. SELFHTML ist DAS Nachschlagewerk für HTML, CSS, JavaScript und SVG.
( https://wiki.selfhtml.org/ )
W3C   W3C
Das World Wide Web Konsortium (W3C) bestimmt die Standards der Technologien die für Webseiten gelten sollen. So gibt es auch im Bezug auf SVG (SVG-Hauptseite) verschiedene Spezifikationen. Da finden Sie auch interessante News rund um SVG..
( http://w3c.org/ )
W3Schools   w3schools-SVG-Tutorial
Hier finden Sie ein umfangreiches SVG-Tutorial mit vielen nachvollziehbaren Beispielen und einer SVG-Referenz.
( https://www.w3schools.com )
Mediaevent   Mediaevent
Viele vertiefende Informationen zu SVG und den zahlreichen Möglichkeiten mit vielen praktischen Beispielen. Es gibt insbesondere gute Tipps für die responsive Gestaltung von SVG-Daten und zu Animationen, Filter und Area Maps.
( https://www.mediaevent.de/ )