Was kostet ein Set aus SVG-Icons oder eine Illustration?

Das hängt von Anzahl und Detailgrad ab. Ein flächiges Icon kostet deutlich weniger als eine aufwendige Szenen-Illustration. Den festen Preis nenne ich Ihnen vorab, sobald ich weiß, wie viele Motive Sie brauchen.

Liefern Sie auch andere Vektorformate wie EPS oder AI?

Nein. Vektorgrafik liefere ich ausschließlich als .svg, das liest jeder Browser direkt. Für Visitenkarte oder Flyer bekommen Sie zusätzlich eine druckfertige PDF/X-Datei.

Können Sie bestehende Icons oder ein altes Logo in SVG umsetzen?

Ja. Ich baue Pixel-Icons oder eine alte Logo-Datei als Vektor neu auf. Danach ist die Grafik wieder in jeder Größe scharf und lädt schnell. Ist die Vorlage sehr unscharf, zeichne ich das Motiv neu nach.

Sind SVGs gut für Suchmaschinen und Barrierefreiheit?

Ja. Ein SVG bekommt einen Titel und eine Beschreibung, die Screenreader vorlesen. Die kleine Datei hilft der Ladezeit. Ich liefere jede Grafik mit diesen Beschriftungen und einem sauberen Aufbau aus.

Können die SVGs animiert werden?

Ja, per CSS und ohne schwere Animationsdateien. Ein Icon kann sich beim Darüberfahren einfärben oder leicht bewegen. Ich halte das zurückhaltend und schalte es ab, wenn ein Besucher reduzierte Bewegung eingestellt hat.

Übernehmen Sie auch den Einbau in meine Website?

Auf Wunsch ja, egal worauf Ihre Seite läuft. Wollen Sie selbst einbauen, bekommen Sie optimierte Dateien und eine kurze Anleitung. Wie viel ich übernehme, entscheiden Sie.

Passen die Icons zu meinem bestehenden Design?

Ja, darauf lege ich sie an. Ich nehme Ihr Logo und Ihre Farben als Vorlage und lege Strichstärke und Ecken fest. So passt das zehnte Icon zum ersten. Fehlt ein Corporate Design, klären wir die Grundlagen vorher.

Grafikdesign

SVG-Icons & Vektor-Illustration, gestochen scharf und wenige Kilobyte leicht

SVG-Icons und Illustrationen sind Vektorgrafiken, die der Browser direkt als Code liest. Ein Icon wiegt dann oft nur einige hundert Byte und bleibt auf jedem Display scharf. Ich zeichne die Motive in Ihrer Strichstärke und Ihren Farben. Ein Standard-Paket steht dagegen auch auf vielen anderen Seiten. Für Flyer oder Visitenkarte gibt es dieselben Motive als PDF/X.

Kostenlose Website-Analyse Zur Grafikdesign-Übersicht

Wann lohnt sich was

Brauchen Sie ein eigenes Icon-Set oder eine Illustration?

Eigenes Icon-Set

Ein Set für Leistungs- und Feature-Übersichten, ein Icon je Punkt, in Ihrer Strichstärke und Farbwelt. Es ersetzt Standard-Pakete, die auch auf vielen anderen Seiten stehen.

Spot-Illustration

Eine Vektor-Illustration zeigt einen Ablauf oft schneller als ein Absatz Text. Sie lockert lange Textblöcke auf und hilft bei erklärungsbedürftigen Leistungen.

Altes Logo oder Icon nachbauen

Pixel-Icons oder eine alte Logo-Datei baue ich als Vektor neu auf. Danach sind sie wieder in jeder Größe scharf und laden schnell.

Mehr zum Logo-Design

SVG nutze ich dort, wo Vektor stark ist. Fotos bleiben Sache von WebP oder AVIF.

Leicht und scharf

Was bringen eigene SVG-Icons und Illustrationen?

Eigene SVG-Grafiken machen Ihre Website wiedererkennbar und halten sie schnell. Vektoren sind reiner Code und keine Pixelbilder. Sie skalieren vom Favicon bis zum Hero-Motiv ohne Schärfeverlust. Dabei wiegen sie meist nur wenige Kilobyte.

Ein SVG steht als Text im Quelltext. Deshalb lässt es sich per CSS einfärben, animieren und für Screenreader beschriften. Zusätzliche Bilddateien muss der Browser dafür nicht laden. Das spart Ladezeit und Anfragen an den Server. Ein Set in Ihrer Linienführung passt zu Logo und Corporate Design.

Passend ins Corporate Design einbinden

In Zahlen

Warum Vektor Ihre Seite leicht und scharf hält

.svg

Das Vektorformat, das jeder Browser direkt liest

wenige KB

Ein optimiertes Icon wiegt oft einige hundert Byte bis wenige Kilobyte

1 Datei

Eine SVG ersetzt mehrere PNG-Größen für verschiedene Bildschirmdichten

0 Verlust

Vom Favicon bis zum Hero-Motiv ohne Schärfeverlust skalierbar

SVG gegen Pixelbild

Wo liegt der Unterschied zu PNG und JPG?

Pixelbild (PNG, JPG)

Wird beim Vergrößern und auf hochauflösenden Displays unscharf oder pixelig
Dieselbe Grafik scharf als PNG wiegt schnell ein Vielfaches einer SVG
Pro Bildschirmdichte braucht es mehrere Größen, also mehr zu ladende Daten
Lässt sich nicht per CSS einfärben oder leicht animieren

SVG-Vektorgrafik

Bleibt beim Vergrößern und auf Retina-Displays immer gestochen scharf
Misst oft nur wenige hundert Byte bis wenige Kilobyte
Eine Datei genügt für alle Auflösungen, das spart Anfragen an den Server
Per CSS einfärbbar, animierbar und barrierefrei beschriftbar

So entsteht Ihre Grafik

Wie läuft die Erstellung Ihrer SVG-Grafiken ab?

Bildsprache festlegen

Ich nehme Ihr Logo, Ihre Farben und Ihren Auftritt als Vorlage. Daraus lege ich Strichstärke, Eckenradien, Füllung oder Outline fest. So passt das zehnte Icon zum ersten.

Gestalten und abstimmen

Ich zeichne die Icons oder Illustrationen und schicke sie Ihnen zur Korrekturrunde. Danach sitzen Stil und Aussage.

Dateien optimieren

Ich entferne überflüssige Pfad-Punkte und Metadaten und ergänze Beschriftungen für Screenreader. Danach sind die Dateien schlank und bereit für den Code.

Einbinden und liefern

Auf Wunsch baue ich die Grafiken in Ihre Website ein, mit dezenten Effekten. Für Visitenkarte oder Flyer liefere ich dieselben Motive als PDF/X.

Das sagen meine Kunden

5,0 aus 7 -Bewertungen

1 / 3

„Absolut empfehlenswert! Er nimmt sich Zeit, erklärt alles verständlich und findet auch für knifflige Aufgaben eine gute Lösung. Die Preise sind fair und transparent, ohne versteckte Kosten. Ich würde jederzeit wieder mit ihm zusammenarbeiten.“
SAFE HOUSE
Sicherheits- und Alarmtechnik, Bodensee
Bei ansehen
„Fehlerbehebung hat super geklappt, zu einem guten Preis. Top.“
Michael Gugel
Zahntechnisches Labor, Stuttgart
Bei ansehen
„Die neue Homepage kommt im Internet sehr gut an, das Feedback unserer Gäste ist durchweg positiv und die Zahl der Buchungen steigt kontinuierlich. Vielen Dank für das erstklassige Ergebnis!“
Peter Steinhauser
Gastgeber
Bei ansehen

Preise

Was kostet Ihr Grafikdesign?

Ein Logo kostet 50 €, eine Visitenkarte 50 €, ein Flyer ab 100 €. Schicken Sie mir ein kurzes Briefing, dann nenne ich Ihnen den Festpreis. Die vollständige Liste steht auf der Preisseite.

Festpreis statt Stundenzettel
2 Korrekturschleifen inklusive
Angebot in bis zu 48 Stunden

Preise Stand September 2026

Alle Preise ansehen Preis im Produktfinder ermitteln

FAQ

Häufige Fragen zu SVG-Icons & Illustration

Passend dazu

Grafikdesign aus Freiburg (Überblick)Logodesign Web-Grafiken & UI-Assets Corporate Design

Weitere Grafikdesign-Leistungen

Logodesign Corporate Design Web-Grafiken & UI-Assets Printdesign

Was soll Ihr Logo über Ihren Betrieb sagen?

Schreiben Sie mir zwei, drei Sätze zu Ihrem Vorhaben, vom Logo bis zum ganzen Erscheinungsbild. Den Festpreis nenne ich nach einem kurzen Briefing.

Kostenlose Website-Analyse

Kostenlos · Antwort vom Inhaber selbst