Vector Icons in Expo

To use vector icons in an Expo project, you can use the @expo/vector-icons package. This package provides built-in support for popular icon fonts and allows you to create your own Icon components from a font and glyph map.

Here's a brief example of how to use it:

import React from 'react';
import { View, Icon } from 'react-native';
import { Feather } from '@expo/vector-icons';

const App = () => {
  return (
    <View>
      <Icon name="heart" size={24} color="#34A85A" />
    </View>
  );
};

In this example, we're using the Feather icon from the @expo/vector-icons package. You can replace Feather with any other icon from the package.

Make sure to install the @expo/vector-icons package in your project by running npm install @expo/vector-icons or yarn add @expo/vector-icons.