@solar-icons/react-native

React Native components for Solar Icons. This package provides 8,280 SVG icons across 6 styles (Bold, Broken, Linear, Outline, Bold Duotone, Line Duotone), optimized for mobile applications using react-native-svg.

Features

• 8,280 SVGs: 1,380 unique icons in 6 styles. Designed by 480 Design.
• Tree-shakeable: Import only the icons you use.
• Global configuration: Set defaults for size, color, and stroke width using <SolarProvider>.
• Customizable: Override size, color, and stroke width per icon.
• Duotone support: Secondary color controls for bold-duotone and line-duotone styles.
• TypeScript: Typed components and props.

Install

npm install @solar-icons/react-native react-native-svg

Usage

import { HomeIcon, LoginIcon } from '@solar-icons/react-native/linear'

function App() {
    return (
        <View>
            <HomeIcon />
            <LoginIcon color="#3b82f6" size={32} strokeWidth={2} />
        </View>
    )
}

Global Configuration (Provider)

Wrap your application in <SolarProvider> to set default properties:

import { SolarProvider } from '@solar-icons/react-native'
import { HomeIcon } from '@solar-icons/react-native/linear'

function App() {
    return (
        <SolarProvider size={24} color="black" strokeWidth={1.5}>
            <HomeIcon />
        </SolarProvider>
    )
}

Documentation

For installation guides, API reference, and a searchable icon catalog, visit the React Native Documentation.

License

MIT License. Icons by 480 Design (CC BY 4.0).