AXQ Icons for React Native

Installation

npm install @axqdesign/icons-react-native

yarn add @axqdesign/icons-react-native

pnpm add @axqdesign/icons-react-native

The package requires react-native-svg 13 or newer as a peer dependency.

You can also download the latest release from GitHub.

Usage

The package is built with ES modules, so unused icons are tree-shaken from your bundle. Each icon is exported as a component that renders with react-native-svg.

import { IconArrowLeft } from '@axqdesign/icons-react-native';

const App = () => {
  return <IconArrowLeft />;
};

export default App;

Pass props to adjust the icon:

<IconArrowLeft color="red" size={48} strokeWidth={1.5} />

Props

| Name | Type | Default | Description | | --- | --- | --- | --- | | size | number | string | 24 | Width and height of the icon | | color | string | currentColor | Stroke color for outline icons, fill color for filled icons | | strokeWidth | number | string | 2 | Stroke width, outline icons only | | title | string | – | Adds a <title> element for accessibility |

Any other prop is forwarded to the underlying Svg component. Components forward refs and ship with TypeScript declarations.

License

AXQ Icons is proprietary software. See LICENSE for details.