react-native-system-icon

React 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.

Install

``bash
pnpm add react-native-system-icon
`

> react-native-svg is automatically installed as a dependency. You don't need to install it separately.

Usage

$3

`tsx
import { Add, CartO } from 'react-native-system-icon';

export function Example() {
return ;
}
`

$3

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.

$3

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.