Packages
React Native
Solar Icons for React Native.
Use @solar-icons/react-native to integrate Solar icons into React Native and Expo applications. Requires react-native-svg.
npm install @solar-icons/react-native react-native-svgFeatures
- 7,476 icons: Every style variant compiled for React Native.
- Expo compatible: Works out of the box in Expo environments.
- TypeScript ready: Full type definitions included.
Import Methods
This package offers three import strategies. All methods are tree-shakeable.
Import by Style
Import multiple icons of the same style:
import { House, User, Settings } from '@solar-icons/react-native/Bold'Import globally by Name
Import icons with style suffixes from the root:
import { HouseBold, HouseLinear, HeartBroken } from '@solar-icons/react-native'Import by Category
Import from the specific category and style path:
import { House } from '@solar-icons/react-native/category/buildings/Bold'Props
All components accept standard props extending SvgProps from react-native-svg (except width and height):
| Prop | Type | Default | Description |
|---|---|---|---|
size | number | string | 24 | Icon width and height. |
color | string | 'currentColor' | Icon fill or stroke color. |
mirrored | boolean | false | Flips the icon horizontally. |
Technical Details
Package Entry Points
| Entry Point | Content |
|---|---|
. | Global exports and types. |
./[Style] | Style-specific bundles (e.g., Bold, Linear). |
./category/* | Direct imports for individual icons. |
./lib/* | Core logic, IconBase, and TypeScript types. |
How is this guide?
Last updated on