1.0.0 • Published 2 years ago
@404-software/fontawesome-rn v1.0.0
🎨 React Native Font Awesome 6 Icons
import { WormSolid } from '@404-software/fontawesome-rn'
export const Icon = () => <WormSolid />
Credits
This package is a fork of react-native-iconic
by Fernando Rojo.
Overview
- 😎 Free, beautiful icons
- 🔥 Customizable with
react-native-svg
props - 🌲 Tree-shaken components
- 🤖 TypeScript support
- 📈 JS-only (+ works with Expo)
Installation
yarn add @404-software/fontawesome-rn react-native-svg
Usage
Each icon is exported as its own component with an adjusted name.
For example, to use the angle-down
solid variant icon, import AngleDownSolid
:
import { AngleDownSolid } from '@404-software/fontawesome-rn'
You can also import * as FontAwesome
:
import * as FontAwesome from '@404-software/fontawesome-rn'
export const Icon = () => <FontAwesome.AngleDownSolid />
For a full directory of components, see the FontAwesome website.
Custom color
<AngleDownSolid color="black" />
Custom size
<AngleDownSolid height={30} width={30} />
Props
Each icon component accepts all the props from react-native-svg
's Svg
component. Reference their docs.
How it works
This library uses react-native-svg
. The components are generated by svgr
. I downloaded all the free icons from fontawesome.com and ran a script to codegen the files from there.
1.0.0
2 years ago