@vuduc0801/react-native-phosphor-icons v1.0.5

@vuduc0801/react-native-phosphor-icons

Since Phosphor does not support React Native, we have to convert all the SVGs to React Native SVGs.

This package is heavily inspired by duongdev/phosphor-react-native

Build

pnpm generate
pnpm build

Usage

import { View } from 'react-native'
import { Horse, Heart, Cube } from '@phosphor-icons/react'

const App = () => {
  return (
    <View>
      <Horse />
      <Heart color="#AE2983" weight="fill" size={32} />
      <Cube color="teal" weight="duotone" />
    </View>
  )
}

Props

• color?: string – Icon stroke/fill color. Can be any CSS color string, including hex, rgb, rgba, hsl, hsla, named colors, or the special currentColor variable.
• size?: number | string – Icon height & width. As with standard React elements, this can be a number, or a string with units in px, %, em, rem, pt, cm, mm, in.
• weight?: "fill" | "regular" | "bold" – Icon weight/style. Can also be used, for example, to "toggle" an icon's state: a rating component could use Stars with weight="regular" to denote an empty star, and weight="fill" to denote a filled star.
• mirrored?: boolean – Flip the icon horizontally. Can be useful in RTL languages where normal icon orientation is not appropriate.