Icon-Editor
Wähle ein integriertes Icon oder lade SVG, PNG, JPG oder WebP hoch und passe Größe, Farbe, Rand, Drehung, Spiegelung und Ecken in einer Live-Vorschau an.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
256 × 256 px
Bild hierher ziehen und ablegen oder „Hochladen“ verwenden
Icon
SVG, PNG, JPG oder WebP – bis 5 MB. Dateien werden nirgendwo hochgeladen.
Bearbeiten
Bei Uploads erzwingt „Anwenden“ diese einzelne Farbe für das Icon.
Export
ICO bündelt 16–256 px. SVG exportiert nur Vektorquellen.
Favicon-Paket
5 Größen ausgewähltDas ZIP enthält umbenannte PNGs (favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png …), favicon.ico, site.webmanifest & einen HTML-Schnipsel. Alles wird lokal erzeugt.
So funktioniert es
- Wähle ein integriertes Icon oder lade dein eigenes SVG, PNG, JPG oder WebP hoch.
- Ändere die Canvas-Größe und passe Innenabstand, Hintergrund, Farbe, Drehung, Spiegelung, Rand, Eckenrundung und Deckkraft an – die Vorschau aktualisiert sich live.
- Lade das Ergebnis als PNG herunter oder als SVG bei vektorbasierten Icons.
FAQ
Kann ich mein eigenes Icon oder Bild importieren?
Ja – lade eine SVG-, PNG-, JPG- oder WebP-Datei (bis 5 MB) hoch, und sie ersetzt die integrierten Icons als dein Arbeitsbild, auf das alle Regler darunter wirken.
Was kann ich an einem Icon ändern?
Canvas-Größe, Innenabstand, Hintergrundfarbe oder Transparenz, Icon-Farbe, Drehung, horizontale oder vertikale Spiegelung, Randbreite und -farbe, Eckenrundung und Deckkraft.
Kann ich ein hochgeladenes Bild umfärben, nicht nur die integrierten Icons?
Ja, mit dem Schalter „Anwenden“ neben der Icon-Farbe. Bei hochgeladenen SVGs überschreibt er Füll- und Konturfarben aller Formen. Bei hochgeladenen PNG-/JPG-/WebP-Bildern färbt er jedes sichtbare Pixel in eine Volltonfarbe, was bei Icons mit transparentem Hintergrund am besten funktioniert, nicht bei Fotos.
Welche Formate kann ich exportieren?
PNG in deiner gewählten Canvas-Größe, immer. SVG-Export ist außerdem für die integrierten Icons und hochgeladene SVGs möglich – da echtes Vektormarkup erhalten bleibt –, aber nicht für hochgeladene PNG-/JPG-/WebP-Bilder, die sich nur als PNG exportieren lassen.
Wird meine Arbeit irgendwohin hochgeladen?
Nein – jede Bearbeitung und jeder Export passiert in deinem Browser mit Inline-SVG und Canvas. Hochgeladene Dateien verlassen dein Gerät nie.
So schneiden wir ab
| Funktion | Online Tool Store | Vektor-Designsoftware | SVG-Code von Hand bearbeiten |
|---|---|---|---|
| Keine Installation | ✓ | ✗ | ✓ |
| Visuelle Regler, kein Code | ✓ | ✓ | ✗ |
| Kostenlos | ✓ | ✗ | ✓ |
Vollständige Vektoreditoren sind zum Skalieren, Umfärben oder Rahmen eines Icons überdimensioniert. Der Icon-Editor deckt die alltäglichen Änderungen – Farbe, Innenabstand, Rand, Rundung, Drehung – in Sekunden ab, ohne Designsoftware zu öffnen oder SVG-Markup von Hand anzufassen.