Icon-Font- & Sprite-Generator
10 / 10Kombiniere eigene SVG-Icons und Icons aus dem Jinero-Katalog zu einem SVG-Sprite oder einem Icon-Webfont.
SVG-Icons hochladen
Bis zu 50 SVG-Dateien, je max. 512 KB. Kombiniere eigene SVGs mit Icons aus dem Katalog.
Bis zu 50 SVG-Dateien, je max. 512 KB
So funktioniert der Sprite-Generator
Erstelle aus deinen eigenen SVGs individuelle SVG-Sprites oder Icon-Fonts. Ein Tool, zwei Ausgabeformate, produktionsreife Ergebnisse.
SVG-Sprites
Fasse mehrere SVG-Icons in einer einzigen Sprite-Datei mit symbol-Referenzen zusammen. Eine HTTP-Anfrage lädt alle Icons – schneller als einzelne Dateien.
Icon-Fonts
Erzeuge aus deinen SVGs einen eigenen Icon-Font mit WOFF2-, WOFF- und TTF-Dateien plus CSS-Stylesheet. Nutze Icons wie Textzeichen – mit den Eigenschaften font-size und color.
Flexible Quellen
Lade eigene SVG-Dateien hoch oder wähle Icons aus dem integrierten Bibliothekskatalog. Kombiniere die Quellen beliebig – der Generator bringt alle Icons auf eine einheitliche viewBox.
Produktionsreifes Ergebnis
Lade ein ZIP mit allen erzeugten Dateien herunter – inklusive Demo-HTML, CSS und Anleitung. Füge das Archiv in dein Projekt ein und nutze die Icons sofort.
Häufig gestellte Fragen
Für moderne Projekte werden meist SVG-Sprites empfohlen: Sie unterstützen mehrfarbige Icons, werden schärfer dargestellt und sind barrierefreier. Icon-Fonts sind nützlich, wenn du Icons mit CSS-Texteigenschaften gestalten oder sehr alte Browser unterstützen musst.
Es gibt kein festes Limit. In der Praxis funktionieren Sprites und Fonts mit bis zu einigen Hundert Icons gut. Sehr große Sets teilst du besser nach Kategorien auf mehrere Sprites auf, damit keine ungenutzten Icons geladen werden.
Ja. Jedes SVG wird bei der Verarbeitung bereinigt und optimiert – überflüssige Metadaten, Editor-Reste und redundante Pfade werden entfernt. Das Ergebnis ist ohne weitere Optimierung produktionsreif.
Lade dein aktualisiertes SVG-Set hoch und generiere neu. Das Tool erstellt jedes Mal ein neues Sprite bzw. einen neuen Font – so bekommst du immer ein sauberes Ergebnis ohne übrig gebliebene Icons aus früheren Builds.