SVG-Icon-Matrix und Badge-Generator
Parametrische Erzeugung von SVG-Icons: eigene Squircle-/Sechseck-Rahmen, mehrstufige Verläufe, Status-Badges und sofortiger Framework-Export.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Hefte mehrere angepasste Symbole an und baue ein gemeinsames Symbolblatt.
Noch keine Symbole angeheftet. Hefte Symbole an, um sie in einem Blatt zu sammeln.
KI-Prompts erzeugen oder Symbol auf der Leinwand verbessern
Wähle eine Vorlage, kopiere den Prompt in dein KI-Werkzeug oder verbessere das Symbol auf der Leinwand.
SVG-Icon-Matrix und Badge-Generator
Parametrische Erzeugung von SVG-Icons: eigene Squircle-/Sechseck-Rahmen, mehrstufige Verläufe, Status-Badges und sofortiger Framework-Export.
Katalog-Icons, eigene SVG-Pfade und geometrische Badge-Vorlagen
3D-beleuchtetes SVG, 512/1024-px-PNG & WebP sowie strukturierte KI-Prompts
Erzeugt gestochen scharfe Vektor-Badges unter 2 KB statt schwerer Rastergrafiken
So verwendest du SVG-Icon-Matrix und Badge-Generator
-
1
Wählen Sie ein Basis-Icon aus dem Katalog oder importieren Sie einen eigenen SVG-Pfad.
-
2
Bestimmen Sie die Badge-Form (Squircle, abgerundetes Quadrat, Kreis) und den Rahmen.
-
3
Passen Sie Farbverläufe und 3D-Beleuchtung an und ergänzen Sie optional einen Badge-Text.
-
4
Exportieren Sie das fertige Icon direkt in allen gewünschten Zielgrößen.
Laternen-Icon-Pfad mit dem Badge-Text „NEW“
512-px-PNG mit Verlaufsbeleuchtung sowie passendes SVG und CSS-Hintergrund
Einschränkungen
- Die Abmessungen des Badge-Textes hängen von der Schriftart ab und können bei kleinen Größen variieren.
- Rasterexporte sind in diesem Generator auf 1024 px Kantenlänge begrenzt.
- Pro Durchlauf wird ein einzelnes Badge erstellt; für Icon-Sammlungen dient der Sprite-Generator.
- Importierte SVG-Dateien dürfen maximal 2 MB groß sein.
Dateien, die Sie in diesem Arbeitsbereich öffnen oder einfügen, werden lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen.