React - change logo

3 points
Created by:
Dirask Community

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';


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.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé