[ FEATURE ] rocketicon support

[Ashraf-Ali-aa]

Adding support for rocket icons would make it's easier to work with icons via tailwind https://github.com/rocketclimb/rocketicons

[mrzachnugent]

@Ashraf-Ali-aa I am unfamiliar with that library. From a quick look, I didn't see how to use the custom css variables. Do you know how this would be done?

Do you know how it affects the build size of the application? There seems to be a lot of icon libraries. Lucide Icons offers a way to use a generic icon. We do not use it since it would significantly increase the build size of the application.

Source https://lucide.dev/guide/packages/lucide-react-native#one-generic-icon-component

[Ashraf-Ali-aa]

@mrzachnugent have a look at the demo on the website https://rocketicons.io/en It just using the tailwind CSS values, regarding build size I think they are using es6 imports

[mrzachnugent]

@Ashraf-Ali-aa From the example, I don't see an icon-primary-foreground-lg like example where the icon uses the custom css variables.

Do you use this library?

[Ashraf-Ali-aa]

@Ashraf-Ali-aa From the example, I don't see an icon-primary-foreground-lg like example where the icon uses the custom css variables.

Do you use this library?

unless I misunderstood,
you can extend the tailwind config to add the custom variable like https://rocketicons.io/en/docs/getting-started then use the variable for the icon, I want to use it in conjunction with this library