react-native-svg icon indicating copy to clipboard operation
react-native-svg copied to clipboard

feat: properly implement `currentColor`

Open jakex7 opened this issue 1 year ago • 0 comments

Summary

Motivated by issue #2455, I decided to implement the currentColor property in line with the specs (https://www.w3.org/TR/SVG11/color.html#ColorProperty). This involves adding the color property to all renderable nodes.

Test Plan

Example app -> Test2455

image
<Svg color="red" width="60" height="60" viewBox="0 0 24 24" fill="none">
  <Path d="M22.7927 11.1242C21.359 18.5187 12.0003 22.7782 12.0003 22.7782C12.0003 22.7782 2.64153 18.5187 1.20661 11.1242C0.326598 6.58719 2.24925 2.02329 7.13701 2.00007C10.7781 1.98296 12.0003 5.65211 12.0003 5.65211C12.0003 5.65211 13.2226 1.98173 16.8624 2.00007C21.7612 2.02329 23.6727 6.58841 22.7927 11.1242Z" fill="currentColor"/>
  <G color="green" fill="purple">
    <G>
      <Rect x="16" y="16" width="8" height="8" fill="currentColor"/>
      <G color="pink">
        <Rect x="0" y="16" width="8" height="8" color="gold" fill="currentColor"/>
        <Circle cx="12" cy="20" r="4" fill="currentColor"/>
      </G>
    </G>
  </G>
</Svg>

Compatibility

OS Implemented
iOS
MacOS ✅❌
Android

jakex7 avatar Sep 27 '24 12:09 jakex7