Templates Help Hire Us

Checkout Pro Version

next NextJs Version angular Angular Version vue VueJs Version nuxt NuxtJs Version react React Version bootstrap Bootstrap Version
Get Pro
All Access Pass

Change Logo

To change logo : /src/app/(DashboardLayout)/layout/shared/logo/Logo.tsx
Put the logo image into the /public/images/logos folder. 
                    
"use client";
import React from "react";
import Image from "next/image";
import Logo from "/public/images/logos/dark-logo.svg";
import Logowhite from "/public/images/logos/light-logo.svg";
import Link from "next/link";

const FullLogo = () => {
  return (
    <Link href="/">
      <Image src={Logo} alt="logo" ClassName="block dark:hidden rtl:scale-x-[-1]" />
      <Image src={Logowhite} alt="logo" ClassName="block dark:hidden rtl:scale-x-[-1]" />
    </Link>
  );
};

export default FullLogo;
To change logo : package/src/app/(DashboardLayout)/layout/shared/logo/FullLogo.tsx
Put the logo image into the assets/images/logos folder. 
                            
"use client"
import React from "react";
import Image from "next/image";
import Logo from "/public/images/logos/logo.svg";
import Link from "next/link";

const FullLogo = () => {
  return (
    <Link href="/">
      <Image src={Logo} alt="logo" className="block" />
    </Link>
  );
};

export default FullLogo;