This line with fill-none make icon no color on RN 0.82.1. and the fill prop has no effect

[JosephPoplar]

gluestack-ui/src/components/ui/icon/index.tsx

Line 21 in b4e22d0

base: 'text-typography-950 fill-none pointer-events-none',

Demo

const ChevronDownIcon = createIcon({
	Root: Svg,
	viewBox: '0 0 1024 1024',
	path: (
		<>
			<Path d='M677.717333 396.544L512 561.92 346.282667 396.544a42.581333 42.581333 0 0 0-60.202667 60.202667l195.754667 195.754666a42.666667 42.666667 0 0 0 60.330666 0l195.754667-195.754666a42.538667 42.538667 0 0 0-60.16-60.16z' />
		</>
	)
});
ChevronDownIcon.displayName = 'ChevronDownIcon';


const Main = () => {
	return (
		<View style={{ flex: 1 , alignItems: 'center' ,justifyContent: 'center' }}>
			<Icon as={ChevronDownIcon} fill='#000000'/>
		</View>
	);
};

export default Main;

React Native 0.82.1
@gluestack-ui/core 3.0.2
@gluestack-ui/utils 3.0.3

[Sanchitv3]

Hi @JosephPoplar ,

Thanks for reporting this.

I tried reproducing this on my end with React Native 0.82.1, and with the current setup (including fill-none in the base styles), the icon renders correctly across platforms.
To help us debug this properly, could you please share a minimal reproducible example?
👉An Expo Snack or a small repo would be perfect.