Template Logo

• The Logo component can be found in the {{src/components/logo.jsx }} with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. {{import logo from "/assets/images/logo.png"}}
• Change the path of image according to your logo image Folder Structure.

You can add a image URL icon to your Website using the following code:

import logo from "/assets/images/logo.png"
            
const Logo = () => {
return (
    <>
        <div className="logo-main">
            <img className="logo-normal img-fluid mb-3" src={logo} height="30" alt="logo" />{" "}
            <span className="ms-2 brand-name">XRay</span>
        </div>
    </>
)
}

export default Logo;

Use following Example code for use logo component

Change the path of logo component according to your Folder Structure

You can call logo component wherever logo has to show:

import Logo from "../../logo"
                
const Sidebar = () => {
return (
<>
     <Link to="/" className="navbar-brand">
        /*---- Logo Component ---- */
            <Logo />
        </Link>
</>
}
            
export default Sidebar;