Skip to content

Radial gradient rendered differently than in the Figma #1113

@neronovs

Description

@neronovs

I try to use an SVG exported from the Figma. Where the image looks like:
Screenshot 2024-11-26 at 17 14 44

But when I see it in the app with using the flutter_svg library (checked 2.0.0 - 2.0.15), it looks so:
Screenshot 2024-11-26 at 17 16 27

Here is the svg code:
<svg width="168" height="168" viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="84" cy="84" r="76" stroke="url(#paint0_angular_229_7068)" stroke-width="16" /> <circle cx="118" cy="16" r="8" fill="#003399" /> <defs> <radialGradient id="paint0_angular_229_7068" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(84 84) rotate(-64.1988) scale(83.86)"> <stop stop-color="#003399" /> <stop offset="1" stop-color="#003399" stop-opacity="0" /> </radialGradient> </defs> <path d="M115.945 63.9492C117.352 65.3555 117.352 67.4648 115.945 68.7305L78.8203 105.855C77.5547 107.262 75.4453 107.262 74.1797 105.855L55.0547 86.7305C53.6484 85.4648 53.6484 83.3555 55.0547 81.9492C56.3203 80.6836 58.4297 80.6836 59.6953 81.9492L76.5703 98.8242L111.305 63.9492C112.57 62.6836 114.68 62.6836 115.945 63.9492Z" fill="#003399" /> </svg>

Do you have a solution for the issue?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions