Solar Icons v2 is in beta. APIs may change before the stable release. Report issues
Solar Icons
Migration to v2

React Native Migration

Upgrade @solar-icons/react-native to v2.

Import paths

After:

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

size is always number

Before: size="32"
After: size={32}

Category imports removed

Before:

import { House } from '@solar-icons/react-native/category/buildings/Bold'

After:

import { HouseIcon } from '@solar-icons/react-native/bold/house'

No CSS variables

Values resolve through props or SolarProvider (React Context).

New: SolarProvider

import { SolarProvider } from '@solar-icons/react-native'
;<SolarProvider color="#3b82f6" size={24} strokeWidth={1.5}>
    <App />
</SolarProvider>

New: Duotone and stroke width

<HeartIcon secondaryColor="#f59e0b" secondaryOpacity={0.4} />
<SettingsIcon strokeWidth={2} />

How is this guide?

Last updated on

On this page