[GH-ISSUE #1162] <radialGradient /> without stops #542

Closed
opened 2026-03-03 14:39:14 +03:00 by kerem · 3 comments
Owner

Originally created by @normanzb on GitHub (Oct 25, 2023).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/1162

Originally assigned to: @NotTsunami on GitHub.

hi there ,

below file contains a few radial graident elements but without any stop inside, are they indended? they are causing warnings when used in react native.

github.com/lipis/flag-icons@6784329d3f/flags/1x1/bz.svg (L14)

simliar issues can be found in 4x3, fk, gs, ni, gt and mx

Originally created by @normanzb on GitHub (Oct 25, 2023). Original GitHub issue: https://github.com/lipis/flag-icons/issues/1162 Originally assigned to: @NotTsunami on GitHub. hi there , below file contains a few radial graident elements but without any stop inside, are they indended? they are causing warnings when used in react native. https://github.com/lipis/flag-icons/blob/6784329d3fa1466fb8ef184ac69b021a45691271/flags/1x1/bz.svg#L14 simliar issues can be found in 4x3, `fk`, `gs`, `ni`, `gt` and `mx`
kerem 2026-03-03 14:39:14 +03:00
  • closed this issue
  • added the
    bug
    label
Author
Owner

@lipis commented on GitHub (Nov 3, 2023):

To be honest we got them most likely from Wikipedia and then parsed with SVGO! We don't manually edit the SVG unless is just colors updates... if you know how to fix the issue, feel free!

<!-- gh-comment-id:1792677862 --> @lipis commented on GitHub (Nov 3, 2023): To be honest we got them most likely from Wikipedia and then parsed with SVGO! We don't manually edit the SVG unless is just colors updates... if you know how to fix the issue, feel free!
Author
Owner

@SethFalco commented on GitHub (Nov 14, 2023):

It doesn't have any stops defined itself because it's inheriting the stops from the referenced radialGradient above.

<radialGradient id="bz-b">
  <stop offset="0" stop-color="#952d1a"/>
  <stop offset="1" stop-color="#570a00"/>
</radialGradient>
<!-- … -->
<radialGradient xlink:href="#bz-b" id="bz-e" cx="364.2" cy="237.8" r="36" fx="364.2" fy="237.8" gradientTransform="scale(1.2242 .81686)" gradientUnits="userSpaceOnUse"/>
<radialGradient xlink:href="#bz-b" id="bz-f" cx="468.1" cy="156.1" r="10.7" fx="468.1" fy="156.1" gradientTransform="scale(.95596 1.04607)" gradientUnits="userSpaceOnUse"/>

This may be worth reporting to the React Native, or whatever is issuing this warning.

<!-- gh-comment-id:1811489303 --> @SethFalco commented on GitHub (Nov 14, 2023): It doesn't have any stops defined itself because it's inheriting the stops from the referenced `radialGradient` above. ```svg <radialGradient id="bz-b"> <stop offset="0" stop-color="#952d1a"/> <stop offset="1" stop-color="#570a00"/> </radialGradient> <!-- … --> <radialGradient xlink:href="#bz-b" id="bz-e" cx="364.2" cy="237.8" r="36" fx="364.2" fy="237.8" gradientTransform="scale(1.2242 .81686)" gradientUnits="userSpaceOnUse"/> <radialGradient xlink:href="#bz-b" id="bz-f" cx="468.1" cy="156.1" r="10.7" fx="468.1" fy="156.1" gradientTransform="scale(.95596 1.04607)" gradientUnits="userSpaceOnUse"/> ``` This may be worth reporting to the React Native, or whatever is issuing this warning.
Author
Owner

@lipis commented on GitHub (Jan 17, 2025):

Are we doing anything with React or other frameworks? I'll close it for now.. if it doesn't pass the SVGO can't do much..

<!-- gh-comment-id:2598571610 --> @lipis commented on GitHub (Jan 17, 2025): Are we doing anything with React or other frameworks? I'll close it for now.. if it doesn't pass the SVGO can't do much..
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/flag-icons#542
No description provided.