Skip to content

A simple example app that shows how you can use SVG files in Expo

Notifications You must be signed in to change notification settings

kristerkari/react-native-svg-expo-example

Repository files navigation

Expo SVG demo

Platform - Android, iOS, and Web contributions welcome

A simple example app that shows how you can use SVG files in Expo.

The SVG images used in this app can be found from the logos folder.

How does it work?

The .svg files can be imported inside a React component:

import Logo from "./logo.svg";

The images can then be used as a component:

<Logo width={120} height={40} />

Try it

Step 1: Install Expo

Step 2: Clone the repo and move to project

git clone [email protected]:kristerkari/react-native-svg-expo-example.git
cd react-native-svg-expo-example

Step 3: Install example app's dependencies

expo install

Step 4: Run Expo

yarn start

Screenshots

iOS - Android - Web