Wie mehrere SVG-Symbole in 1 Datei zu bündeln?

Question

Ich bin auf der Suche nach einem Skript, das viele .svg Icons Dateien nehmen und bündeln sie in einer Datei, so dass die Struktur im Inneren wird wie folgt dar:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <symbol viewBox="0 0 32 32" id="active-directory"> 
     <path d="M15.944..." 
       fill-rule="evenodd"/> 
    </symbol> 
    <symbol viewBox="0 0 32 32" id="add"> 
     <path d="M2..." 
       fill-rule="evenodd"/> 
    </symbol> 
</svg> 

Ist ein solches Werkzeug vorhanden ist, oder ich tun muss es alleine schreiben?

Answer 1

Es gibt Tools, die in Ihren Workflow integriert werden können, um dies zu realisieren. Für Zug gibt es in Beispiel gulp-svg-sprite

Answer 2

Ja gibt es Tools Symbole zu bündeln

Überprüfen Sie folgende Punkte, wenn Sie schlucken verwenden: https://github.com/w0rm/gulp-svgstore

Und diese, wenn Sie mit Grunzen: https://github.com/FWeinb/grunt-svgstore