React - change logo

3 points
Created by:

In this article we would like to show you how to change default logo image in React project.

By default logo is located under path src/logo.svg and it's imported in App.js file.

To change the logo we can one of the below solutions:

  • Solution 1: Replace src/logo.svg file with a new one.
  • Solution 2: Choose new image with .svg or .png extension, let's say example.png, put it inside the src/ folder and import it in App.js file as logo changing logo.svg with your file name.

For our example.png it will be:

import logo from './example.png';
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.


React - change logo
Native Advertising
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂