React Native cannot render arbitrary SVG without a bridge, so the choice narrows to libraries with a dedicated native package.
| Library | Icons | Variants | Grid | License | Package |
|---|---|---|---|---|---|
| Lucide Icons | 1,979 | outline only | 24×24 | ISC | lucide-react |
| Phosphor Icons | 9,198 | thin, light, regular, bold, fill and duotone | 24×24 | MIT | phosphor-react |
| Ionicons | 2,607 | outline, filled and sharp | 24×24 | MIT | ionicons |
| Material Design Icons | 14,001 | outlined, rounded, sharp, two-tone and filled | 24×24 | Apache 2.0 | @mui/icons-material |
react-native-svg is a prerequisite for most icon packages. Where you only need a handful of glyphs, exporting PNGs at 1x/2x/3x from IconStash avoids the dependency altogether.
For most React Native projects, start with
Lucide Icons — 1,979 icons,
outline only, ISC licensed, installed as
lucide-react. Move to
Phosphor Icons if you need
thin, light, regular, bold, fill and duotone instead.
Lucide Icons is the safest default: 1,979 icons, ISC licensed, and a first-party package. react-native-svg is a prerequisite for most icon packages. Where you only need a handful of glyphs, exporting PNGs at 1x/2x/3x from IconStash avoids the dependency altogether.
Only if you import the whole set. Every library here tree-shakes, so bundling ten named icon exports ships ten icons. Watch for barrel imports like import * as Icons from "...", which defeat that.
Yes, and for small numbers of icons it is often better — no dependency, no version drift, and full control over attributes. Export any icon from IconStash as an inline SVG or a downloadable file and paste it straight in.