About SVG Combination.

[PHP Strome the Front]

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 ?

[Author]

Posts