Is your feature request related to a problem? Please describe.
When trying to set the fill property for <UpRoundArrow />, it seems that the Arrow path is the first element in the SVG, so it is covered by the filled Round path.
<?xml version="1.0" encoding="UTF-8"?>
<svg width="50px" height="50px" stroke-width="1.9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000">
<path d="M14.5 13.25l-2.5-2.5-2.5 2.5" stroke="#000000" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6 5h12a4 4 0 014 4v6a4 4 0 01-4 4H6a4 4 0 01-4-4V9a4 4 0 014-4z" stroke="#000000" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" fill="#97d8e7"></path>
</svg>expect:
current:
Describe the solution you'd like
Swap the order of Arrow path and Round path.
Additional context
Icons such as <RightRoundArrow /> and <ReduceRoundArrow /> also have this issue.
iconoir-icons / iconoir
An open source icons library with 1500+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.
3.9k
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too