Wir haben gelernt, dass Build-Tools besonders gut für Aufgaben wie das Verwandeln eines Ordners voller SVGs in einen SVG-Defs-Block geeignet sind. Wie immer in dieser schönen Webwelt, in der wir leben, gibt es immer mehr als ein Werkzeug für den Job. Hierfür gibt es sicherlich mehr Build-Tools als die beiden, die wir uns bisher angesehen haben.
Gulp benutzen? Schluck-SVG-Sprites
Sie benötigen kein Inline-SVG und möchten nur die SVG-Symbole in eine CSS-Datei einbetten? Probieren Sie Grunticon oder das In-Browser-Tool Grumpicon aus.
Willst du ein alternatives Grunt Plugin? grunzen-svg-sprite
Möchten Sie ein super robustes und anpassbares Tool ausprobieren? Versuchen Sie Iconizr (oder im Browser).
Dateien
- 19-example-grunticon-output.zip
- 19-example-iconizr-output.zip