Design und Farbe

SVG · Sprite · Generator

SVG · Sprite · Generator. Eingaben: Je Zeile ID und SVG-Pfad mit senkrechtem Strich trennen, Größe (px). Werte eingeben und ausführen. Das Beispiel zeigt das Format; Ergebnis kopieren oder speichern.

Ohne Konto

Werkzeug wird geladen…

So funktioniert es

  1. 1Eingaben: Je Zeile ID und SVG-Pfad mit senkrechtem Strich trennen, Größe (px).
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren oder Eingaben zum Vergleich ändern.

Gut zu wissen

Zuerst das Ausgabeformat am Beispiel prüfen. Original behalten und umgewandelte Werte, Leerzeichen und Zeilenumbrüche vor Verwendung kontrollieren.

Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)

Berechnetes Ein- und Ausgabebeispiel

Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.

Beispieleingabe

FeldWert
Je Zeile ID und SVG-Pfad mit senkrechtem Strich trennen
arrow|M4 12h16M14 6l6 6-6 6
check|M5 12l4 4L19 6
Größe (px)
24

Beispielergebnis

<svg xmlns="http://www.w3.org/2000/svg"><defs><symbol id="arrow" viewBox="0 0 24 24"><path d="M4 12h16M14 6l6 6-6 6" fill="none" stroke="currentColor"/></symbol><symbol id="check" viewBox="0 0 24 24"><path d="M5 12l4 4L19 6" fill="none" stroke="currentColor"/></symbol></defs></svg>
Eingabebedingungen

Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.

  • Größe (px): Zulässiger Bereich: 1 ≤ x ≤ 1.024 · Nur ganze Zahlen

Ähnliche Werkzeuge

Alle Werkzeuge