🎨 React Native Basil Icons

import { Twitch } from '@404-software/basil-icons/solid'

export const Icon = () => <Twitch />

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/basil-icons react-native-svg

Usage

Each icon is exported as its own component with an adjusted name.

For example, to use the twitch solid variant icon, import Twitch from /solid:

import { Twitch } from '@404-software/basil-icons/solid'

You can also import * as BasilIconsSolid:

import * as BasilIconsSolid from '@404-software/basil-icons/solid'

export const Icon = () => <BasilIconsSolid.Twitch />

For a full directory of components, see the Craftwork website.

Custom color

<Twitch color="black" />

Custom size

<Twitch 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 craftwork.design and ran a script to codegen the files from there.