{"library":"lucide-react-native","title":"Lucide Icons for React Native","description":"lucide-react-native is the official React Native implementation of the Lucide icon library. It provides a comprehensive collection of highly customizable SVG icons specifically designed for use in mobile applications. The library is currently at version 1.8.0, reflecting a stable and mature codebase since its V1 release. It maintains a consistent and relatively fast release cadence, with minor versions often published weekly or bi-weekly, primarily to introduce new icons and deliver minor fixes across the broader Lucide ecosystem. Key differentiators include its extensive and continually expanding icon set, its lightweight nature, full TypeScript support, and the ability to customize icon properties such as size, color, and stroke width directly as component props. It serves as a modern, community-driven alternative to older icon sets, offering enhanced flexibility, tree-shaking capabilities, and a consistent design language well-suited for contemporary React Native projects.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install lucide-react-native"],"cli":null},"imports":["import { Activity } from 'lucide-react-native';","import { Bell } from 'lucide-react-native';","import type { LucideIcon } from 'lucide-react-native';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { SafeAreaView, Text, StyleSheet } from 'react-native';\nimport { Activity, Bell, Settings } from 'lucide-react-native';\n\n// Ensure react-native-svg is installed and linked correctly.\n// For bare React Native projects, run: npm install react-native-svg && cd ios && pod install\n\nconst App = () => {\n  return (\n    <SafeAreaView style={styles.container}>\n      <Text style={styles.title}>Lucide React Native Icons</Text>\n      <Activity color=\"#007bff\" size={48} strokeWidth={2.5} style={styles.icon} />\n      <Bell color=\"crimson\" size={36} fill=\"rgba(220, 20, 60, 0.2)\" style={styles.icon} />\n      <Settings color=\"green\" size={50} style={styles.icon} />\n      <Text style={styles.description}>These icons are fully customizable SVG components.</Text>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#f0f4f8',\n    padding: 20,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    marginBottom: 30,\n    color: '#333',\n  },\n  icon: {\n    marginVertical: 15,\n  },\n  description: {\n    marginTop: 30,\n    fontSize: 16,\n    color: '#555',\n    textAlign: 'center'\n  }\n});\n\nexport default App;","lang":"typescript","description":"This example demonstrates how to import and render various Lucide icons in a React Native application, applying custom colors, sizes, and stroke widths.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}