{"_id":"reicon-react-native","_rev":"4-52a9e6a810d045c717f845904bffb3b3","name":"reicon-react-native","dist-tags":{"latest":"1.0.103"},"versions":{"1.0.0":{"name":"reicon-react-native","version":"1.0.0","keywords":["icons","react-native","react-native-icons","svg-icons","icon-library","reicon","outline","filled","tree-shakeable","typescript","mobile","ios","android"],"author":{"url":"https://devchauhan.in","name":"devchauhan","email":"dev@devchauhan.in"},"license":"MIT","_id":"reicon-react-native@1.0.0","maintainers":[{"name":"dev-","email":"devgurjar9897@gmail.com"}],"homepage":"https://reicon.dev","bugs":{"url":"https://github.com/dqev/reicon/issues"},"dist":{"shasum":"1804b4972d5207e03333f2ceefa586df1a7dbcd1","tarball":"https://registry.npmjs.org/reicon-react-native/-/reicon-react-native-1.0.0.tgz","fileCount":5366,"integrity":"sha512-oSR3Zl7bbZq19CvuVsMMqs53ivKz7q3REdD8u5LTfYxx5bJj0cz5F/Hd2s8U0IvZx8T1JB6lmUBMOwZpj4V4rg==","signatures":[{"sig":"MEQCIF1aGT36MG57d+bWISsDHWo9Ig2cazd2LFH5iHyIUFkvAiAw2OxUXa/MyiYzJNxbkWXhistR2rcwICCr2sDyWCIi3w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24884525},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./icons/*":{"types":"./icons/*.d.ts","import":"./icons/*.js"},"./createIcon":{"types":"./createIcon.d.ts","import":"./createIcon.js"}},"gitHead":"bb56956d63910f438ad6e160988910de91548148","_npmUser":{"name":"dev-","email":"devgurjar9897@gmail.com"},"repository":{"url":"git+https://github.com/dqev/reicon.git","type":"git"},"_npmVersion":"11.14.1","description":"React Native icon components for 2680+ icons in 2 weights (Outline & Filled). Tree-shakeable, TypeScript-ready.","directories":{},"sideEffects":false,"_nodeVersion":"25.3.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-native":">=0.64.0","react-native-svg":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reicon-react-native_1.0.0_1783582986777_0.9364753759585036","host":"s3://npm-registry-packages-npm-production"}},"1.0.101":{"name":"reicon-react-native","version":"1.0.101","keywords":["icons","react-native","react-native-icons","svg-icons","icon-library","reicon","outline","filled","tree-shakeable","typescript","mobile","ios","android"],"author":{"url":"https://devchauhan.in","name":"devchauhan","email":"dev@devchauhan.in"},"license":"MIT","_id":"reicon-react-native@1.0.101","maintainers":[{"name":"dev-","email":"devgurjar9897@gmail.com"}],"homepage":"https://reicon.dev","bugs":{"url":"https://github.com/dqev/reicon/issues"},"dist":{"shasum":"3b93173a156286615abc8b510ba8e43e52548440","tarball":"https://registry.npmjs.org/reicon-react-native/-/reicon-react-native-1.0.101.tgz","fileCount":5354,"integrity":"sha512-DTjDaFQNLEDhz2+c+YUFV5k3sxXJJfEsNw7kCrGMaY+s4TY/giI8t/ZkqCzdyE6rwX4hlzaepqV5coyRLxIisw==","signatures":[{"sig":"MEUCIAc6/477ijqIvlgAvERxozDfZsgyxidxfyCMUkGabrM1AiEA1gjyOsuYau1OQ77eaUBulH1AdbgdjcnAZtR3x9r83Ho=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24845034},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./icons/*":{"types":"./icons/*.d.ts","import":"./icons/*.js"},"./createIcon":{"types":"./createIcon.d.ts","import":"./createIcon.js"}},"gitHead":"84a42b63f492c142f55c787912ab11df5cc144c1","_npmUser":{"name":"dev-","email":"devgurjar9897@gmail.com"},"repository":{"url":"git+https://github.com/dqev/reicon.git","type":"git"},"_npmVersion":"11.14.1","description":"React Native icon components for 2674+ icons in 2 weights (Outline & Filled). Tree-shakeable, TypeScript-ready.","directories":{},"sideEffects":false,"_nodeVersion":"25.3.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-native":">=0.64.0","react-native-svg":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reicon-react-native_1.0.101_1784193673368_0.5475042951487663","host":"s3://npm-registry-packages-npm-production"}},"1.0.102":{"name":"reicon-react-native","version":"1.0.102","keywords":["icons","react-native","react-native-icons","svg-icons","icon-library","reicon","outline","filled","tree-shakeable","typescript","mobile","ios","android"],"author":{"url":"https://devchauhan.in","name":"devchauhan","email":"dev@devchauhan.in"},"license":"MIT","_id":"reicon-react-native@1.0.102","maintainers":[{"name":"dev-","email":"devgurjar9897@gmail.com"}],"homepage":"https://reicon.dev","bugs":{"url":"https://github.com/dqev/reicon/issues"},"dist":{"shasum":"941b7cf037b1880a1050cb242a181ef1c3c845ea","tarball":"https://registry.npmjs.org/reicon-react-native/-/reicon-react-native-1.0.102.tgz","fileCount":5354,"integrity":"sha512-LVlSs8qtClYL8EYnYMCG4CkwfZgzcz+LRucqzfvTrXepAoJVk82mvZLELgeTCyXbDbI6jfCnmE0Mp9jIembYkQ==","signatures":[{"sig":"MEQCIDVSMEaZha5aaAX8X/Ei5gNdSjmJQzg85QjropdAbXG6AiBKNIBrWS24MeL2tsXlyCP4GGa/5s1sclU7vr79xoGFrA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24844856},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js"},"./icons/*":{"types":"./icons/*.d.ts","import":"./icons/*.js"},"./createIcon":{"types":"./createIcon.d.ts","import":"./createIcon.js"}},"gitHead":"7c44cb1d88f0bdbdf59c23c2bc3633ef753bea98","_npmUser":{"name":"dev-","email":"devgurjar9897@gmail.com"},"repository":{"url":"git+https://github.com/dqev/reicon.git","type":"git"},"_npmVersion":"11.14.1","description":"React Native icon components for 2674+ icons in 2 weights (Outline & Filled). Tree-shakeable, TypeScript-ready.","directories":{},"sideEffects":false,"_nodeVersion":"25.3.0","_hasShrinkwrap":false,"peerDependencies":{"react":">=16.8.0","react-native":">=0.64.0","react-native-svg":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reicon-react-native_1.0.102_1784457471158_0.6954668960414963","host":"s3://npm-registry-packages-npm-production"}},"1.0.103":{"name":"reicon-react-native","version":"1.0.103","type":"module","description":"React Native icon components for 2676+ icons in 2 weights (Outline & Filled). Tree-shakeable, TypeScript-ready.","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":{"import":"./index.js","types":"./index.d.ts"},"./icons/*":{"import":"./icons/*.js","types":"./icons/*.d.ts"},"./createIcon":{"import":"./createIcon.js","types":"./createIcon.d.ts"}},"sideEffects":false,"peerDependencies":{"react":">=16.8.0","react-native":">=0.64.0","react-native-svg":">=12.0.0"},"keywords":["icons","react-native","react-native-icons","svg-icons","icon-library","reicon","outline","filled","tree-shakeable","typescript","mobile","ios","android"],"author":{"name":"devchauhan","email":"dev@devchauhan.in","url":"https://devchauhan.in"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/dqev/reicon.git"},"bugs":{"url":"https://github.com/dqev/reicon/issues"},"homepage":"https://reicon.dev","gitHead":"edbd6bb53545466334bf932c04b184cb3630e044","_id":"reicon-react-native@1.0.103","_nodeVersion":"25.3.0","_npmVersion":"11.14.1","dist":{"integrity":"sha512-5tDzju6jD8aYXDIMVK8h0W1y5FZDE0iDRYDwQdmsOWrHzMG2vuA2pq5ckkAWS9kyBPmBBttnyPcOD1VpDror1Q==","shasum":"15ef65a788657b6af0daf6e515363c76797cdfa6","tarball":"https://registry.npmjs.org/reicon-react-native/-/reicon-react-native-1.0.103.tgz","fileCount":5358,"unpackedSize":24938145,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC3UyOWPzwPsGYzlULkGCfJSTo3HgCsN7Ah8p5CO3AlQwIhANOrEZ5UeB00DIK5pCuHZdIFaA9/5LIUyAiSDch4kVbQ"}]},"_npmUser":{"name":"dev-","email":"devgurjar9897@gmail.com"},"directories":{},"maintainers":[{"name":"dev-","email":"devgurjar9897@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/reicon-react-native_1.0.103_1788445167107_0.5450375204637476"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-09T07:43:06.679Z","modified":"2026-09-03T14:19:27.590Z","1.0.0":"2026-07-09T07:43:07.085Z","1.0.101":"2026-07-16T09:21:13.692Z","1.0.102":"2026-07-19T10:37:51.424Z","1.0.103":"2026-09-03T14:19:27.388Z"},"bugs":{"url":"https://github.com/dqev/reicon/issues"},"author":{"name":"devchauhan","email":"dev@devchauhan.in","url":"https://devchauhan.in"},"license":"MIT","homepage":"https://reicon.dev","keywords":["icons","react-native","react-native-icons","svg-icons","icon-library","reicon","outline","filled","tree-shakeable","typescript","mobile","ios","android"],"repository":{"type":"git","url":"git+https://github.com/dqev/reicon.git"},"description":"React Native icon components for 2676+ icons in 2 weights (Outline & Filled). Tree-shakeable, TypeScript-ready.","maintainers":[{"name":"dev-","email":"devgurjar9897@gmail.com"}],"readme":"<p align=\"center\">\n  <a href=\"https://npmjs.com/package/reicon-react-native\"><img src=\"https://img.shields.io/npm/v/reicon-react-native?color=black&label=npm\" alt=\"npm version\" /></a>\n  <a href=\"https://npmjs.com/package/reicon-react-native\"><img src=\"https://img.shields.io/npm/dm/reicon-react-native?color=black&label=downloads\" alt=\"npm downloads\" /></a>\n  <a href=\"https://github.com/dqev/reicon/blob/main/LICENSE\"><img src=\"https://img.shields.io/badge/license-MIT-black\" alt=\"MIT License\" /></a>\n  <a href=\"https://reicon.dev\"><img src=\"https://img.shields.io/badge/docs-reicon.dev-black\" alt=\"Documentation\" /></a>\n</p>\n\n# Reicon React Native\n\n> 2676+ pixel-perfect SVG icons • Outline & Filled weights • React Native component wrapper • Zero dependencies • MIT Licensed\n\n**Reicon React Native** is the official React Native package for Reicon — a free, open-source SVG icon library with 2676+ handcrafted, grid-aligned icons built for developers and designers. Every component is optimized for tree-shaking and fully TypeScript-ready.\n\n- 🔗 **Website & icon browser:** [reicon.dev](https://reicon.dev)\n- 📦 **Core package:** [reicon](https://npmjs.com/package/reicon)\n- ⚛️ **React package:** [reicon-react](https://npmjs.com/package/reicon-react)\n- 🎨 **Figma plugin:** [reicon.dev/figma](https://reicon.dev/figma)\n\n---\n\n## Install\n\n```bash\nnpm i reicon-react-native react-native-svg\n# or\nyarn add reicon-react-native react-native-svg\n# or\nbun add reicon-react-native react-native-svg\n```\n\n**Note:** This package requires `react-native-svg` as a peer dependency. Make sure to install it and follow its [setup instructions](https://github.com/software-mansion/react-native-svg#installation).\n\n---\n\n## Usage\n\n```jsx\nimport { Home, ShieldCheck, AltArrowDown } from 'reicon-react-native';\n\nfunction App() {\n  return (\n    <View>\n      <Home />\n      <ShieldCheck size={32} color=\"#d97757\" />\n      <AltArrowDown weight=\"Filled\" />\n    </View>\n  );\n}\n```\n\n### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `size` | `number` | `24` | Icon size in pixels |\n| `color` | `string` | `#000000` | Primary icon color |\n| `secondaryColor` | `string` | same as color | Secondary color |\n| `weight` | `IconWeight` | `Outline` | Icon weight / style |\n| `strokeWidth` | `number | string` | — | Override stroke width |\n\nPlus all standard `react-native-svg` SVG props.\n\n### Weights\n\n- **Outline** — clean outlined style (default)\n- **Filled** — solid filled style\n\n```jsx\nimport { Home } from 'reicon-react-native';\n\n<Home />                           {/* Outline (default) */}\n<Home weight=\"Filled\" />           {/* Filled */}\n<Home weight=\"Filled\" color=\"red\" />\n```\n\n### Direct icon import (smallest bundle)\n\n```jsx\nimport Home from 'reicon-react-native/icons/Home';\n```\n\n### All react-native-svg props are supported\n\n```jsx\n<Home\n  size={48}\n  color=\"red\"\n  style={{ marginRight: 8 }}\n  onPress={() => console.log('pressed')}\n/>\n```\n\n---\n\n## Tree-shaking — import only what you use\n\nEvery icon is a standalone ES module. Metro bundler will tree-shake unused icons automatically.\n\n```jsx\n// ✅ Only Home is included in your bundle\nimport { Home } from 'reicon-react-native';\n```\n\n---\n\n## Icon Names\n\nIcons use **PascalCase**, derived from their original kebab-case names:\n\n| Original name | Import |\n|---------------|--------|\n| `home` | `Home` |\n| `shield-check` | `ShieldCheck` |\n| `alt-arrow-down` | `AltArrowDown` |\n| `shopping-cart` | `ShoppingCart` |\n| `user-circle` | `UserCircle` |\n\nBrowse all 2676+ icons at [reicon.dev](https://reicon.dev).\n\n---\n\n## TypeScript\n\nFull TypeScript support out of the box:\n\n```tsx\nimport { Home, IconProps, IconWeight } from 'reicon-react-native';\n\nconst weight: IconWeight = 'Filled';\nconst props: IconProps = { size: 32, color: '#d97757', weight };\n\n<Home {...props} />\n```\n\n---\n\n## Why Reicon?\n\n| | Reicon | React Native Vector Icons | Lucide RN |\n|--|--------|---------------------------|-----------|\n| **Icons** | 2676+ | 3000+ | 1600+ |\n| **Weights** | Outline + Filled | Varies by set | Outline only |\n| **Tree-shakeable** | ✅ | ❌ | ✅ |\n| **TypeScript** | ✅ | ✅ | ✅ |\n| **Zero dependencies** | ✅ (+ react-native-svg) | ✅ | ✅ (+ react-native-svg) |\n| **MIT License** | ✅ | ✅ | ✅ |\n\n---\n\n## Related packages\n\n| Package | Description |\n|---------|-------------|\n| [`reicon`](https://npmjs.com/package/reicon) | Core vanilla JS + CDN |\n| [`reicon-react`](https://npmjs.com/package/reicon-react) | React components for all 2676+ icons |\n| [`reicon-react-native`](https://npmjs.com/package/reicon-react-native) | **This package.** React Native components for all 2676+ icons |\n| [`reicon-vue`](https://npmjs.com/package/reicon-vue) | Vue 3 components for all 2676+ icons |\n| [`reicon-svelte`](https://npmjs.com/package/reicon-svelte) | Svelte components for all 2676+ icons |\n\n---\n\n## Links\n\n- 🌐 Website: [reicon.dev](https://reicon.dev)\n- 📖 Documentation: [reicon.dev/docs](https://reicon.dev/docs)\n- 📦 npm (React Native): [npmjs.com/package/reicon-react-native](https://npmjs.com/package/reicon-react-native)\n- 🐙 GitHub: [github.com/dqev/reicon](https://github.com/dqev/reicon)\n- 🐛 Issues: [github.com/dqev/reicon/issues](https://github.com/dqev/reicon/issues)\n\n---\n\n## License\n\nMIT © [Dev Chauhan](https://devchauhan.in)\n\nFree to use in personal and commercial projects.\n","readmeFilename":"README.md"}