[FEAT] Consider the order of <path /> in round icon

[MrKou47]

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.

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.