SVG-Herz-Generator

Erstellen Sie in Sekunden wunderschöne SVG-Herzen

Das Herz ist eine der bekanntesten Formen im visuellen Design — von Valentinskarten über App-Symbole bis hin zu Logos, Hochzeitseinladungen und Social-Media-Grafiken. Dieser SVG-Herz-Generator macht das Erstellen sauberer, skalierbarer Herzformen in verschiedenen Stilen einfach.

Herz-Stile

• Klassisch — die zeitlose, symmetrische Kardioide, wie man sie von Grußkarten kennt.
• Abgerundet — ein pummeligeres, weicheres Herz mit üppigeren Kurven.
• Spitz — ein schlankeres Herz mit schärferer unterer Spitze, ideal für Logos.
• Pixel — ein blockiges Herz im Voxel-Stil, perfekt für Retro-/Gaming-Ästhetik.
• Geometrisch — zwei Kreise plus ein Dreieck, angelehnt an den Konstruktionsstil.

Steuerung

• Füllung — Volltonfarbe oder linearer Zweistopp-Farbverlauf in beliebigem Winkel.
• Kontur — optionale Umrandung mit einstellbarer Breite und Farbe.
• Hintergrund — optionaler einfarbiger Hintergrund, nützlich für eigenständige SVG-Dateien.
• Größe — Exportmaße in Pixel; das SVG bleibt in jeder Größe gestochen scharf.
• Pixelraster — steuert im Pixel-Stil, aus wie vielen Blöcken das Herz besteht.

Ausgabe

Das Tool erzeugt ein sauberes <svg> mit einem einzigen <path> (oder einer kleinen Gruppe für den geometrischen Stil) — ohne externe Abhängigkeiten. Kopieren Sie den Code oder laden Sie eine .svg-Datei herunter und fügen Sie sie in HTML, React, Figma, Illustrator oder Ihre Designbibliothek ein.

Häufige Einsatzzwecke

• Valentinskarten, Aufkleber und Drucksachen
• Like-/Favoriten-Symbole und UI-Mikrointeraktionen
• Hochzeits- und Jubiläumseinladungen
• Logos und Branding für Dating-, Gesundheits- oder Lifestyle-Produkte
• Social-Media-Grafiken und Stories
• Ladeanimationen und Favicons

Alles aktualisiert sich in Echtzeit — passen Sie Farben und Form an, bis es genau so aussieht, wie Sie möchten, und exportieren Sie dann.