react-native-fontawesome-icons
TypeScript icon, indicating that this package has built-in type declarations

1.0.0-beta.0 • Public • Published

react-native-fontawesome-icons

When only using a few icons, more efficient to use svg files instead of a font.

import { Home } from 'react-native-fontawesome-icons';

const Example = () => (
  <View style={{ flexDirection: 'row', backgroundColor: 'black' }}>
    <SvgYoutube size={48} color="#ff0000" />
  </View>
);

Install

yarn add react-native-fontawesome-icons react-native-svg

Search Font Awesome's Free Icons

Search Font Awesome's Free Icons list to see available svg files.

Components

Names are mapped from FontAwesome's website. The names map from snake case to PascalCase. All Icons are prefixed with Svg.

  • youtube becomes <SvgYoutube />
  • screwdriver-wrench becomes <SvgScrewdriverWrench />
  • 0 becomes <Svg0 />

Properties

  • color: light='#000000', dark='#ffffff'

    Color of icon in #rrggbb format. The default is based on Appearance.getColorScheme().

  • size: Default is 24.

    Width and height of icon.

  • fillOpacity: Default = 1

    This prop specifies the opacity of the color or the content the current object is filled with.

/react-native-fontawesome-icons/

    Package Sidebar

    Install

    npm i react-native-fontawesome-icons

    Weekly Downloads

    2

    Version

    1.0.0-beta.0

    License

    MIT

    Unpacked Size

    11.8 MB

    Total Files

    9534

    Last publish

    Collaborators

    • jsonxr