Skip to content

Picture is not visible

The picture is not visible on my HTML page. Image Path values are true. I didn’t get an error in the code part, but what is the problem?

import React from 'react';
import {Wrapper, Title} from './Header.styled';
const Header = ({children}) => {
    return <Wrapper>
        <div className='logoDiv'>
            <img src="../../assets/logo.png"/>
export default Header;


You have to import your logo file first.

import logo from '../../assets/logo.png';

Then you need to call the image using the img tag.

<img className='logo' src={logo} />