search

shakyShane / gulp-svg-sprites

Create SVG sprites or compile to <symbols>
MIT License
334 stars 45 forks source link

Loose details #73

Closed bibimij closed 9 years ago

bibimij commented 9 years ago

I try to combine social icons. All icons seems good, but Google+ logo loose details. Source: gplus_svg Result: glus_bug

SVG source:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="192.247px" height="192.343px" viewBox="0 0 192.247 192.343" enable-background="new 0 0 192.247 192.343"
     xml:space="preserve">
<g id="Background">
</g>
<g id="Boxes_and_text">
</g>
<g id="Icons_1_">
    <g>
        <path fill="#00AEEF" d="M96.125-0.04c-53.117,0-96.174,43.067-96.174,96.173c0,53.113,43.057,96.166,96.174,96.166
            s96.17-43.053,96.17-96.166C192.295,43.027,149.242-0.04,96.125-0.04z"/>
        <g>
            <g>
                <defs>
                    <polygon id="SVGID_1_" points="170.115,60.935 147.906,60.935 147.906,38.725 141.854,38.725 141.854,60.935 119.645,60.935 
                        119.645,66.987 141.854,66.987 141.854,89.196 147.906,89.196 147.906,66.987 170.115,66.987 170.115,60.935                    "/>
                </defs>
                <use xlink:href="#SVGID_1_"  overflow="visible" fill="#FFFFFF"/>
                <clipPath id="SVGID_2_">
                    <use xlink:href="#SVGID_1_"  overflow="visible"/>
                </clipPath>
                <g clip-path="url(#SVGID_2_)">
                    <defs>
                        <rect id="SVGID_3_" x="117.645" y="36.725" width="54.471" height="54.471"/>
                    </defs>
                    <use xlink:href="#SVGID_3_"  overflow="visible" fill="#FFFFFF"/>
                    <clipPath id="SVGID_4_">
                        <use xlink:href="#SVGID_3_"  overflow="visible"/>
                    </clipPath>
                </g>
            </g>
            <g>
                <defs>
                    <path id="SVGID_5_" d="M98.121,106.266c-3.381-2.394-9.848-8.216-9.848-11.638c0-4.01,1.145-5.986,7.18-10.702
                        c6.188-4.835,10.566-11.631,10.566-19.538c0-9.411-4.191-18.584-12.061-21.61h11.863l8.373-6.053c0,0-28.061,0-37.414,0
                        c-16.773,0-32.559,12.708-32.559,27.427c0,15.042,11.434,27.182,28.498,27.182c1.186,0,2.338-0.023,3.467-0.104
                        c-1.105,2.12-1.898,4.508-1.898,6.987c0,4.181,2.25,7.57,5.094,10.336c-2.148,0-4.225,0.062-6.486,0.062
                        c-20.777,0-36.768,13.231-36.768,26.953c0,13.512,17.531,21.966,38.307,21.966c23.686,0,36.768-13.439,36.768-26.953
                        C111.203,119.746,108.006,113.256,98.121,106.266L98.121,106.266z M78.135,87.521L78.135,87.521
                        c-9.641-0.289-18.801-10.784-20.465-23.44c-1.664-12.659,4.799-22.347,14.438-22.059c9.637,0.289,18.799,10.446,20.465,23.103
                        C94.234,77.783,87.77,87.809,78.135,87.521L78.135,87.521z M74.359,151.561L74.359,151.561c-14.359,0-24.73-9.09-24.73-20.01
                        c0-10.702,12.863-19.611,27.223-19.456c3.352,0.035,6.475,0.575,9.311,1.492c7.795,5.421,13.387,8.484,14.965,14.663
                        c0.297,1.253,0.457,2.542,0.457,3.858C101.584,143.028,94.549,151.561,74.359,151.561L74.359,151.561z"/>
                </defs>
                <use xlink:href="#SVGID_5_"  overflow="visible" fill="#FFFFFF"/>
                <clipPath id="SVGID_6_">
                    <use xlink:href="#SVGID_5_"  overflow="visible"/>
                </clipPath>
                <g clip-path="url(#SVGID_6_)">
                    <defs>
                        <rect id="SVGID_7_" x="35.129" y="36.725" width="78.066" height="120.81"/>
                    </defs>
                    <use xlink:href="#SVGID_7_"  overflow="visible" fill="#FFFFFF"/>
                    <clipPath id="SVGID_8_">
                        <use xlink:href="#SVGID_7_"  overflow="visible"/>
                    </clipPath>
                    <g clip-path="url(#SVGID_8_)">
                        <g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</g>
</svg>
bibimij commented 9 years ago

The problem is exhausted. There was a lot of unnecessary meta data in the file.