Icons that require `fill` don't change color on native

[aaronatbissell]

Icons that require `fill` don't change color on native

[aaronatbissell]

Just another observation, if I set the fillColor on the Path of the SVG to something like red, then it displays correctly in red:

const CheckIcon2 = createIcon({
  Root: Svg,
  viewBox: '0 0 448 512',
  path: (
    <>
    <Path
    d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"
    fill='red' // <-- set this to `red` instead of `currentColor`
    />
    </>
  ),
});
CheckIcon2.displayName = "CheckIcon2";
export {CheckIcon2};

[aaronatbissell]

Even the example on the bottom of the Icon docs doesn't appear to be working

const GluestackIcon = createIcon({
    // createIcon function is imported from '@gluestack-ui/themed'
    viewBox: "0 0 32 32",
    path: (
      <>
        {/* Rect, Path is imported from 'react-native-svg' */}
        <Rect width="32" height="32" rx="2" fill="currentColor" />
        <Path
          d="M9.5 14.6642L15.9999 9.87633V12.1358L9.5 16.9236V14.6642Z"
          fill="white"
        />
        <Path
          d="M22.5 14.6642L16.0001 9.87639V12.1359L22.5 16.9237V14.6642Z"
          fill="white"
        />
        <Path
          d="M9.5 19.8641L15.9999 15.0763V17.3358L9.5 22.1236V19.8641Z"
          fill="white"
        />
        <Path
          d="M22.5 19.8642L16.0001 15.0764V17.3358L22.5 22.1237V19.8642Z"
          fill="white"
        />
      </>
    ),
  })

<Icon as={GluestackIcon} size="xl" className="text-typography-black" />

[rajat693]

The issue has been resolved with the gluestack-ui icons. Please update your icon component.
Thank you