@agentable/icons-react-native

React Native optimized icon library based on react-native-svg, providing a massive collection of carefully designed SVG icons.

Features

• 📱 Native Support: Based on react-native-svg, provides consistent rendering on iOS and Android
• 📦 Tree-Shakable: Only bundle the icons you actually import
• 🎨 Fully Customizable: Control size, color, and stroke through props
• 🔧 TypeScript: Complete type definitions out of the box

Installation

First, make sure you have react-native-svg installed.

npm install react-native-svg

Then install this icon library:

::: code-group

pnpm add @agentable/icons-react-native

yarn add @agentable/icons-react-native

npm install @agentable/icons-react-native

:::

Quick Start

import { Home, User } from '@agentable/icons-react-native';
import { View } from 'react-native';

const App = () => (
  <View>
    <Home />
    <User color='tomato' size={32} />
  </View>
);

Props

| Name | Type | Default | Description | | --------------------- | ------------------ | -------------- | ------------------------------------ | | size | number \| string | 24 | Width & height (in px) | | color | string | currentColor | Stroke color | | strokeWidth | number | 2 | Stroke width | | absoluteStrokeWidth | boolean | false | Auto-scale stroke based on icon size |

Supports all react-native-svg Svg component attributes.

Migration from Lucide React Native

APIs are fully compatible, just replace the package name:

-import { Home } from 'lucide-react-native';
+import { Home } from '@agentable/icons-react-native';

Made with ❤️ by Agentable