{"_id":"solar-icons-rn","_rev":"3-3bdef6f10f4fc24cb785c9646cf3fb7e","name":"solar-icons-rn","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"solar-icons-rn","version":"1.0.0","keywords":["react-native","expo","icons","svg","solar-icons","ui","components","react-native-svg","icon-set","design-system","mobile","ios","android","vector-icons","bold","outline","duotone"],"author":{"url":"https://github.com/EbenJesusSaves","name":"EbenJesusSaves"},"license":"MIT","_id":"solar-icons-rn@1.0.0","maintainers":[{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"}],"homepage":"https://github.com/EbenJesusSaves/solar-icons-rn#readme","bugs":{"url":"https://github.com/EbenJesusSaves/solar-icons-rn/issues"},"dist":{"shasum":"1257bfcf560d321265078118faa8e9f09a5a3c1b","tarball":"https://registry.npmjs.org/solar-icons-rn/-/solar-icons-rn-1.0.0.tgz","fileCount":15097,"integrity":"sha512-umlRl1V76fJgrbZtvYy87OWJnxMXuacpwyF163Odx1fwvcXFdxcrJJHndZxCobm1S9zmydNLmmjzwxCDbEzI5A==","signatures":[{"sig":"MEUCIEqvUloD7vVKgknmW08iFF1jJV0FShhfGm/PP3DXPRtHAiEAkykv9mmkOHpK8lccepkpbOcyuNI87oSWzlUDvOSjC4M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28159832},"main":"icons/index.js","types":"icons/index.d.ts","engines":{"node":">=16.0.0"},"scripts":{"prepublishOnly":"echo 'Ready to publish!' && yarn pack --dry-run"},"_npmUser":{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"},"repository":{"url":"git+https://github.com/EbenJesusSaves/solar-icons-rn.git","type":"git"},"_npmVersion":"10.9.2","description":"Beautiful Solar icon set for React Native and Expo - 1500+ premium SVG icons in 6 styles","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.22","peerDependencies":{"react":"^18 || ^19","react-native":"*","react-native-svg":">=12.0.0"},"peerDependenciesMeta":{"react-native-svg":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/solar-icons-rn_1.0.0_1770100424018_0.6653640963879346","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"solar-icons-rn","version":"1.0.1","keywords":["react-native","expo","icons","svg","solar-icons","ui","components","react-native-svg","icon-set","design-system","mobile","ios","android","vector-icons","bold","outline","duotone"],"author":{"url":"https://github.com/EbenJesusSaves","name":"EbenJesusSaves"},"license":"MIT","_id":"solar-icons-rn@1.0.1","maintainers":[{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"}],"homepage":"https://github.com/EbenJesusSaves/solar-icons-rn#readme","bugs":{"url":"https://github.com/EbenJesusSaves/solar-icons-rn/issues"},"dist":{"shasum":"30291fc93dfcfad6a53f7d71fb4bf9f8a20aaf10","tarball":"https://registry.npmjs.org/solar-icons-rn/-/solar-icons-rn-1.0.1.tgz","fileCount":15097,"integrity":"sha512-f41Wcn/Vv2L8L0ws7oIJzV2wHrr9jmKc2SX29fUneXBgrJ3HjeWj47st+/pPnGByOYuZ5WORZpXBMt/eVn/htQ==","signatures":[{"sig":"MEYCIQCDv05LLjhduDzibtLa6x3rZtwrbtGT5lYwJbhAisErZgIhAKF58ZoF/hZB7dEVAea2vkcvA36tkEYEDwmig+b6DCgC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28160616},"main":"icons/index.js","types":"icons/index.d.ts","engines":{"node":">=16.0.0"},"scripts":{"prepublishOnly":"echo 'Ready to publish!' && yarn pack --dry-run"},"_npmUser":{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"},"repository":{"url":"git+https://github.com/EbenJesusSaves/solar-icons-rn.git","type":"git"},"_npmVersion":"10.9.2","description":"Beautiful Solar icon set for React Native and Expo - 1500+ premium SVG icons in 6 styles","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"yarn@1.22.22","peerDependencies":{"react":"^18 || ^19","react-native":"*","react-native-svg":">=12.0.0"},"peerDependenciesMeta":{"react-native-svg":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/solar-icons-rn_1.0.1_1770101025181_0.03367617795863431","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"solar-icons-rn","version":"1.0.2","description":"Beautiful Solar icon set for React Native and Expo - 1500+ premium SVG icons in 6 styles","main":"icons/index.js","types":"icons/index.d.ts","scripts":{"prepublishOnly":"echo 'Ready to publish!' && yarn pack --dry-run"},"keywords":["react-native","expo","icons","svg","solar-icons","ui","components","react-native-svg","icon-set","design-system","mobile","ios","android","vector-icons","bold","outline","duotone"],"author":{"name":"EbenJesusSaves","url":"https://github.com/EbenJesusSaves"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EbenJesusSaves/solar-icons-rn.git"},"bugs":{"url":"https://github.com/EbenJesusSaves/solar-icons-rn/issues"},"homepage":"https://github.com/EbenJesusSaves/solar-icons-rn#readme","peerDependencies":{"react":"^18 || ^19","react-native":"*","react-native-svg":">=12.0.0"},"peerDependenciesMeta":{"react-native-svg":{"optional":false}},"engines":{"node":">=16.0.0"},"publishConfig":{"access":"public"},"packageManager":"yarn@1.22.22","_id":"solar-icons-rn@1.0.2","gitHead":"f20d28f9651414ea0cd097c4f6375a2f809a0058","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-1yZEQgu7z+36sLb6+/ldR3VWWBQh+yGfDbcVhrrJi2sHON+w/zOUt7ovZxnZUmLqaq5ohopzpfckog15iO00Qg==","shasum":"d4da92f78b0da1734b875ab800c51e31591a309e","tarball":"https://registry.npmjs.org/solar-icons-rn/-/solar-icons-rn-1.0.2.tgz","fileCount":15097,"unpackedSize":28175696,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDfXm6mvelgXpMlBUFyY9B6TqZHB+1dhWxYK7YFOaDq1AiAlFLnRYpfCpJtgrEBnZIEZl5O8vz9zXH0VG8UgHH7BqA=="}]},"_npmUser":{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"},"directories":{},"maintainers":[{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/solar-icons-rn_1.0.2_1770240251188_0.9408682769059007"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-03T06:33:43.956Z","modified":"2026-02-04T21:24:11.641Z","1.0.0":"2026-02-03T06:33:44.343Z","1.0.1":"2026-02-03T06:43:45.470Z","1.0.2":"2026-02-04T21:24:11.507Z"},"bugs":{"url":"https://github.com/EbenJesusSaves/solar-icons-rn/issues"},"author":{"name":"EbenJesusSaves","url":"https://github.com/EbenJesusSaves"},"license":"MIT","homepage":"https://github.com/EbenJesusSaves/solar-icons-rn#readme","keywords":["react-native","expo","icons","svg","solar-icons","ui","components","react-native-svg","icon-set","design-system","mobile","ios","android","vector-icons","bold","outline","duotone"],"repository":{"type":"git","url":"git+https://github.com/EbenJesusSaves/solar-icons-rn.git"},"description":"Beautiful Solar icon set for React Native and Expo - 1500+ premium SVG icons in 6 styles","maintainers":[{"name":"ebenjesussaves","email":"agyekumebenezer2001@gmail.com"}],"readme":"# solar-icons-rn\n\nBeautiful Solar icon set for React Native and Expo - **1500+ premium SVG icons** in 6 different styles.\n\n[](https://www.npmjs.com/package/solar-icons-rn)\n[](https://github.com/EbenJesusSaves/solar-icons-rn/blob/main/LICENSE)\n\n## ✨ Features\n\n- 🎨 **6 Icon Styles**: Bold, Bold Duotone, Broken, Line Duotone, Linear, Outline\n- 📦 **1500+ Icons** across 35+ categories\n- 🎯 **TypeScript Support** with full type definitions\n- ⚡ **Tree-shakeable** - only bundle the icons you use\n- 📱 **React Native & Expo** compatible\n- 🎨 **Customizable** colors and sizes via props\n\n## 📦 Installation\n\n### Using Yarn (recommended)\n\n```bash\nyarn add solar-icons-rn react-native-svg\n```\n\n### Using npm\n\n```bash\nnpm install solar-icons-rn react-native-svg\n```\n\n### Expo\n\n```bash\nnpx expo install solar-icons-rn react-native-svg\n```\n\n> **Note:** This package requires `react-native-svg` as a peer dependency.\n\n## 🚀 Quick Start\n\n### Using SolarIcon Component (Recommended)\n\nThe simplest way to use icons with a unified API:\n\n```tsx\nimport { SolarIcon } from \"solar-icons-rn\";\n\nfunction App() {\n return (\n <>\n {/* Default type is \"linear\" */}\n \n\n {/* Specify different icon types */}\n \n \n \n \n );\n}\n```\n\n#### SolarIcon Props\n\n| Prop | Type | Default | Description |\n| ---------------- | --------------------------------------------------------------------------------- | ---------- | ----------------------------------------- |\n| `name` | `string` | _required_ | The icon name (e.g., \"Home\", \"ArrowDown\") |\n| `type` | `\"bold\" \\| \"bold-duotone\" \\| \"broken\" \\| \"line-duotone\" \\| \"linear\" \\| \"outline\"` | `\"linear\"` | Icon style |\n| `size` | `number` | - | Shorthand for width and height |\n| `color` | `string` | - | Shorthand for primaryColor |\n| `primaryColor` | `string` | - | Primary icon color |\n| `secondaryColor` | `string` | - | Secondary color (for duotone icons) |\n| `width` | `number` | - | Icon width |\n| `height` | `number` | - | Icon height |\n\n### Import Individual Icons\n\nFor optimal tree-shaking, import icons directly:\n\n```tsx\nimport { Bold, Linear, Outline } from \"solar-icons-rn\";\n\n// Using category exports\nfunction App() {\n return (\n <>\n \n \n \n \n );\n}\n```\n\n### Using getIconComponent Helper\n\nDynamically get icons by type and name:\n\n```tsx\nimport { getIconComponent, IconTypes } from \"solar-icons-rn\";\n\nfunction DynamicIcon({ iconType, iconName, ...props }) {\n const IconComponent = getIconComponent(iconType, iconName);\n\n if (!IconComponent) return null;\n\n return ;\n}\n\n// Usage\n;\n```\n\n## 🎨 Icon Styles\n\n| Style | Import | Description |\n| ---------------- | ------------- | ------------------------------- |\n| **Bold** | `Bold` | Solid filled icons |\n| **Bold Duotone** | `BoldDuotone` | Two-tone filled icons |\n| **Broken** | `Broken` | Broken/interrupted stroke icons |\n| **Line Duotone** | `LineDuotone` | Two-tone line icons |\n| **Linear** | `Linear` | Clean line icons |\n| **Outline** | `Outline` | Outlined stroke icons |\n\n## 📁 Icon Categories\n\nIcons are organized into the following categories:\n\n- **Arrows** - Directional arrows\n- **ArrowsAction** - Action arrows (download, upload, etc.)\n- **Astronomy** - Space and astronomy icons\n- **BuildingInfrastructure** - Buildings and structures\n- **BusinessStatistic** - Charts and graphs\n- **Call** - Phone and call icons\n- **DesignTools** - Design and editing tools\n- **ElectronicDevices** - Devices and electronics\n- **EssentionalUI** - Essential UI elements\n- **FacesEmotionsStickers** - Emojis and faces\n- **Files** - File types and documents\n- **Folders** - Folder icons\n- **FoodKitchen** - Food and kitchen items\n- **Hands** - Hand gestures\n- **HomeFurniture** - Home and furniture\n- **Like** - Hearts, stars, and reactions\n- **List** - List and menu icons\n- **MapLocation** - Maps and location\n- **Medicine** - Medical icons\n- **MessagesConversation** - Chat and messaging\n- **Money** - Finance and payment\n- **NatureTravel** - Nature and travel\n- **NetworkITProgramming** - Tech and programming\n- **Notes** - Notes and documents\n- **Notifications** - Alerts and notifications\n- **School** - Education icons\n- **Search** - Search and magnifier\n- **Security** - Security and privacy\n- **SettingsFineTuning** - Settings and controls\n- **ShoppingEcommerce** - Shopping and e-commerce\n- **Sports** - Sports and fitness\n- **TextFormatting** - Text and typography\n- **Time** - Time and calendar\n- **TransportPartsService** - Vehicles and transport\n- **Users** - User and people icons\n- **VideoAudioSound** - Media controls\n- **Weather** - Weather icons\n\n## 🎯 Props\n\nAll icons accept the following props:\n\n| Prop | Type | Default | Description |\n| ---------------- | -------- | ---------------- | ----------------------------------- |\n| `width` | `number` | `24` | Icon width |\n| `height` | `number` | `24` | Icon height |\n| `primaryColor` | `string` | `\"currentColor\"` | Primary/stroke color |\n| `secondaryColor` | `string` | - | Secondary color (for duotone icons) |\n\nPlus all standard `react-native-svg` `SvgProps`.\n\n## 📝 TypeScript\n\nFull TypeScript support with exported types:\n\n```tsx\nimport type {\n IconType,\n IconComponentType,\n BoldIconName,\n LinearIconName,\n // ... other icon name types\n} from \"solar-icons-rn\";\n```\n\n### Available Types\n\n- `IconTypes` - Enum of icon style types\n- `IconType` - Union type of all icon types\n- `IconComponentType` - React component type for icons\n- `BoldIconName` - Union of all Bold icon names\n- `BoldDuotoneIconName` - Union of all Bold Duotone icon names\n- `BrokenIconName` - Union of all Broken icon names\n- `LineDuotoneIconName` - Union of all Line Duotone icon names\n- `LinearIconName` - Union of all Linear icon names\n- `OutlineIconName` - Union of all Outline icon names\n\n## 💡 Examples\n\n### Custom Colored Icon\n\n```tsx\nimport { Bold } from \"solar-icons-rn\";\n\n;\n```\n\n### Duotone Icon with Two Colors\n\n```tsx\nimport { BoldDuotone } from \"solar-icons-rn\";\n\n;\n```\n\n### Icon Button Component\n\n```tsx\nimport { TouchableOpacity } from \"react-native\";\nimport { Linear } from \"solar-icons-rn\";\n\nfunction IconButton({ onPress }) {\n return (\n \n \n \n );\n}\n```\n\n## 📄 License\n\nMIT © [EbenJesusSaves](https://github.com/EbenJesusSaves)\n\n## 🙏 Credits\n\nIcons designed by [Solar Icons](https://www.figma.com/community/file/1166831539721848736).\n\n## 🤝 Contributing\n\nContributions are welcome! We appreciate your help in making this library better.\n\nPlease read our [Contributing Guide](CONTRIBUTING.md) for details on:\n- How to set up your development environment\n- Our code of conduct\n- The pull request process\n- Coding standards and best practices\n\nQuick start:\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'feat: add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.\n\n## 📬 Support\n\nIf you have any questions or issues, please [open an issue](https://github.com/EbenJesusSaves/solar-icons-rn/issues) on GitHub.\n","readmeFilename":"README.md"}