Skip to content

Bad position of a shape's group #250

@loryhuz

Description

@loryhuz

Hi,

I render all of my SVGs with Sketch, one my SVG is not rightly rendered and I dunno why, maybe a bug ? In this example microphone size and position doesn't follow the initial SVG.

Xcode SVG Preview:

capture d ecran 2017-12-08 a 17 30 07

iPhone (iOS 11) render:

fullsizerender-2

Here is the SVG Code:

<svg width="68px" height="68px" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
    <title>illu_head</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="05_plan_options" transform="translate(-154.000000, -115.000000)">
            <g id="#5" transform="translate(135.000000, 112.000000)">
                <g id="illu_head" transform="translate(19.000000, 3.000000)">
                    <image id="bbs_icons_TETE-BLONDE-M" x="0.449438202" y="0.314606742" width="66.1011236" height="66.5168539" xlink:href="data:image/png;base64,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"></image>
                    <g id="Group-2" transform="translate(35.000000, 25.000000)">
                        <path d="M4,33 C15.3333333,33.6666667 24,27.6666667 30,15" id="Path-3" stroke="#1A1A1A" stroke-width="3" stroke-linecap="round"></path>
                        <rect id="Rectangle-3" fill="#F95741" x="22" y="0" width="10" height="21" rx="5"></rect>
                        <circle id="Oval-4" fill="#F95741" cx="4" cy="33" r="4"></circle>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions