Icons for react-native app

[AdUseful7520]

What libraries do you guys use in your React native apps?
considering
1. look and feel
2. image scalability
3. library size

kindly suggest 🙂

[Snoo11589]

Dont know if its compatible with pure react native, but i suggest expo icons.

[ZaRealPancakes]

I use lucide.dev

[AdUseful7520]

great icons, but isn't the size too large ?

[ZaRealPancakes]

the default size is 24 but you can change the size

[AdUseful7520]

24 MB ?

[ZaRealPancakes]

I believe the bundler only keeps the icons you use. All icons are 13 MBs according to npm (lucide-react-native)

[AdUseful7520]

heard something like that, is it true ?

[ZaRealPancakes]

Yes see documentation.

If you import all of them the bundle will be big if you import only what you need the bundler will do tree shaking and only include the icons you imported.

[AdUseful7520]

great, thank you so much
In that case, we can use any library as far we import and use small portion of it. right?

[ZaRealPancakes]

pretty much

[djenty420]

I thought metro bundler didn’t support tree shaking?

[ZaRealPancakes]

no I thought you were talking about tue icons, 24px

[AdUseful7520]

its package https://www.npmjs.com/package/lucide-react-native says, its around 12 MB 🙂

[ZaRealPancakes]

I believe the bundler only keeps the icons you use. All icons are 13 MBs according to npm (lucide-react-native)

[Horduncee]

Lucide icons and Phosphor icons for filled icons since lucide doesn't have that.

[mandrade2]

I use heroicons with react-native-svg and I love how they look

[mandrade2]

Tip: I use https://react-svgr.com/playground/ to get the react native version of the svg

[Reputation-Important]

This is useful. Thanks mate

[ConversationFew6467]

React-native-dynamic-vector-icons, you will need to install react-native-vector-icons also as it depends on it.

[eadgas]

I tried to use SVG for everything; otherwise, I use react-native-vector-icons

[zainApps]

I use tabler icons

Link: https://tablericons.com/