react native icons
npm install react-native-system-iconReact Native icon components that mirror the React Vant design language. Every icon is implemented with react-native-svg, so you can use them in React Native or Expo projects without web dependencies.
``bash`
pnpm add react-native-system-icon
> react-native-svg is automatically installed as a dependency. You don't need to install it separately.
`tsx
import { Add, CartO } from 'react-native-system-icon';
export function Example() {
return
}
`
You can also import react-native-svg components and types directly from this library:
`tsx
import { Svg, Path, Rect, SvgCircle, type SvgProps } from 'react-native-system-icon';
export function CustomIcon() {
return (
);
}
`
> Note: Circle and Stop from react-native-svg are exported as SvgCircle and SvgStop to avoid conflicts with icon components of the same name.
All icons accept every SvgProps from react-native-svg, plus a size shortcut (defaults to 24). For multi-colored glyphs, pass custom fill props to the underlying Svg` elements when needed.