As per recommended by Christ article i used grunt and grunt svg store.
The grunt file js looks like this :
svgstore: {
options: {
prefix: 'icon-', // This will prefix each <g> ID
includedemo: false,
cleanup: true
},
default: {
files: {
'svg-cache.svg': ['SVG/*.svg'],
}
}
}
It makes a file svg-cache like this .
<svg xmlns="http://www.w3.org/2000/svg">
<symbol viewBox="0 0 100 100" id="icon-calendar">
<title>calendar</title>
<path stroke="#449FDB" d="M0 0" />
<path d="xxx" visibility="false" />
</symbol>
<symbol viewBox="0 0 100 100" id="icon-cancel-circle">
<title>cancel-circle</title>
<path stroke="#449FDB" d="M0 0" />
<path d="XXX2" visibility="false" />
</symbol>
.
.
</svg>
But i wonder how to make structure like this
<svg style="display:none">
<defs> (or symbol probably)
<path id="icon-calendar" d="xxx" visibility="false" />
<path id="icon-cancel-circle" d="XXX2" visibility="false" />
.
.
</defs>(or /symbol probably)
</svg>
I just simply want to eradicate those titles , and just wanted to get heart of svg ? is it possible ?