Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Radial gradient rendered differently than in the Figma #1113

Open
neronovs opened this issue Nov 26, 2024 · 0 comments
Open

Radial gradient rendered differently than in the Figma #1113

neronovs opened this issue Nov 26, 2024 · 0 comments

Comments

@neronovs
Copy link

neronovs commented Nov 26, 2024

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant