# Set Up with React Native

Steps for integrating Font Awesome icons into React Native mobile applications.

> When using Font Awesome with [React Native](https://reactnative.dev), we recommend using our official `react-native-fontawesome` component so icons render correctly in your mobile app.

Make sure you have the following in place:

- A React Native project. If not, [get set up with their docs](https://reactnative.dev/docs/getting-started).
- [Access configured](/web/setup/packages.md) to use Font Awesome packages
- Plan to [use the SVG+JS method](/web/dig-deeper/webfont-vs-svg.md#svg--js)

In this doc, we'll cover installing the core SVG package, adding icon packages, and installing the React Native component so your icons render cleanly across iOS and Android.

## 1. Add SVG Core

First, use npm or yarn to **install the core package**, which includes the utilities that make the icons work.

  **npm:**
  **yarn:**

```bash
npm i --save @fortawesome/fontawesome-svg-core
```

```bash
yarn add @fortawesome/fontawesome-svg-core
```

## 2. Add Icon Packages

Next, you'll **install the icons** you want to use. You can choose a Kit Package or SVG Icon Packages and use any of [our styles](/web/dig-deeper/styles.md). Follow the instructions for installing icons using the [Kit package](/web/setup/packages.md#installing-a-kit-package) or [SVG Icon packages](/web/setup/packages.md#installing-pro-svg-icon-packages).

  <h4>
   Pro+ Icons are only available in Kit Packages!
  </h4>

  <span>
    Along with <a href="https://fontawesome.com/plans?plans=plus">a Pro+ Plan</a>, you'll need to <a       href="/web/setup/use-kit.md#using-kit-packages">install a downloaded Kit package</a
    > to use any of our <a href="https://fontawesome.com/search?ic=pro-plus-collection">Pro+ Icons</a> &mdash; they are not available in any other packages.
  </span>

## 3. Add the React Native Component

Install the React Native component and its peer dependency, `react-native-svg`.

  **npm:**
  **yarn:**

```bash
npm i --save @fortawesome/react-native-fontawesome@latest react-native-svg
```

```bash
yarn add @fortawesome/react-native-fontawesome@latest react-native-svg
```

  <h4>
    Using Expo?
  </h4>

If you're using Expo, install `react-native-svg` with Expo's installer so you get a compatible version: `npx expo install react-native-svg`. See [Use React Native with...](/web/use-with/react-native/use-with.md) for more.

## 4. iOS: Pod Install (bare React Native CLI only)

If you're using a bare `react-native-cli` project (not Expo), finish the iOS setup by installing pods:

```bash
cd ios && pod install
```

Expo projects don't need this step.