SVG example

svg_with_meta_tags.html

<svg id="Layer_1" style="height: 30px; width: 30px; fill: #fff" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 29 25">
    <defs>
        <style>.cls-1{filter:url(#filter-2);}.cls-2{fill:none;stroke:#ff0095;}</style>
        <filter id="filter-2" x="-50.5" y="-50.5" width="28" height="28" name="filter-2">
            <feGaussianBlur result="shadowBlurInner1" stdDeviation="1" in="SourceAlpha"/>
            <feOffset result="shadowOffsetInner1" in="shadowBlurInner1"/>
            <feComposite result="shadowInnerInner1" operator="arithmetic" k2="-1" k3="1" in="shadowOffsetInner1" in2="SourceAlpha"/>
            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" in="shadowInnerInner1"/>
        </filter>
    </defs>
    <g id="Page-1">
        <g id="_4-Shelf-page---Add-to-reading-list" data-name="4-Shelf-page---Add-to-reading-list">
            <g id="Share-elements">
                <g id="Icon">
                    <g class="cls-1">
                        <path id="path-1" d="M21.44,1A7.56,7.56,0,0,0,15,4.57,7.57,7.57,0,0,0,1,8.48a7.42,7.42,0,0,0,2.6,5.63l10.71,10.6a1,1,0,0,0,1.38,0L26.4,14.11A7.42,7.42,0,0,0,29,8.48,7.52,7.52,0,0,0,21.44,1Z" transform="translate(-0.5 -0.5)"/>
                    </g>
                    <path id="path-1-2" data-name="path-1" class="cls-2" d="M21.44,1A7.56,7.56,0,0,0,15,4.57,7.57,7.57,0,0,0,1,8.48a7.42,7.42,0,0,0,2.6,5.63l10.71,10.6a1,1,0,0,0,1.38,0L26.4,14.11A7.42,7.42,0,0,0,29,8.48,7.52,7.52,0,0,0,21.44,1Z" transform="translate(-0.5 -0.5)"/>
                </g>
            </g>
        </g>
    </g>
</svg>