Dashboard Logo

• The Logo component can be found in the src/components/custom/logo/brand-logo.jsx.
• You can add a logo icon to your Website using the following code and below step.

import FullLogo from "/assets/images/logo-full.png";
import logo from "/assets/images/logo.png";
                         
const BrandLogo = memo((props) => {
return (
<Fragment>
<img className="img-fluid logo-normal" src={logo} alt="logo" />
                            
<img className="logo-full" src={FullLogo} alt="logo" />
</Fragment>
);
});

• change the import path of logo according to your folder structure of project.
• following code are basic example how to use.

import Logo from "../logo";

• Use following code inside return statement to use logo.

<div className="logo-container">
<Logo />
</div>

Template Logo

• The Logo component can be found in the src/components/logo.jsx.
• You can add a logo icon to your Website using the following code and below step.

import img1 from "/assets/images/logo.webp";
import hostar from "/assets/images/logo-hotstar.webp";
import prime from "/assets/images/logo-prime.webp";
import hulu from "/assets/images/logo-hulu.webp";

<div className="logo-default">
    <Link className="navbar-brand text-primary" to="/">
        <img className="img-fluid logo"src={img1} loading="lazy" alt="streamit" />
    </Link>
</div>
<div className="logo-hotstar">
    <Link className="navbar-brand text-primary" to="/">
        <img className="img-fluid logo" src={hostar} loading="lazy" alt="streamit" />
     </Link>
</div>
<div className="logo-prime">
    <Link className="navbar-brand text-primary" to="/">
         <img className="img-fluid logo" src={prime} loading="lazy" alt="streamit" />
    </Link>
</div>
 <div className="logo-hulu">
    <Link className="navbar-brand text-primary" to="/">
         <img className="img-fluid logo" src={hulu} loading="lazy" alt="streamit" />
    </Link>
</div>

• change the import path of logo according to your folder structure of project.
• following code are basic example how to use.

import Logo from "../logo";

• Use following code inside return statement to use.

<div className="logo-container">
<Logo />
</div>