Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Logo

This page describes how to update a logo according to your need.

Logo from assets/images directory or public directory

To use a logo from the public folder, follow the steps below -

  1. Upload your logo to the directory src\assets\images or at public directory.

  2. Open file src\ui-component\Logo.tsx

  3. Uncomment the following lines of code

  4. Remove any unused SVG code lines.

src/ui-component/Logo.tsx
// material-ui
import { useColorScheme, useTheme } from '@mui/material/styles';

// project imports
import { ThemeMode } from 'config';

import logoDark from 'assets/images/logo-dark.svg';
import logo from 'assets/images/logo.svg';

// ==============================|| LOGO SVG ||============================== //

const Logo = () => {
  const theme = useTheme();
  const { colorScheme } = useColorScheme();
    
  return <img src={colorScheme === ThemeMode.DARK ? logoDark : logo} alt="Berry" width="100" />;
};

export default Logo;

Use Logo internally using svg element

  • Removed unused code from file below

Logo from assets/images directory or public directory

To use a logo from the public folder, follow the steps below -

  1. Upload your logo to the directory src/assets/images or at public directory.

  2. Open file src/ui-component/Logo.jsx

  3. Uncomment the following lines of code

  4. Remove any unused SVG code lines.

Use Logo internally using svg element

  • Removed unused code from file below

Logo from assets/images directory or public directory

To use a logo from the public folder, follow the steps below -

  1. Upload your logo to the directory public/assets/images or at public directory.

  2. Open file src/ui-component/Logo.tsx

  3. Uncomment the following lines of code

  4. Remove any unused SVG code lines.

Use Logo internally using svg element

  • Removed unused code from file below

Logo from assets/images directory or public directory

To use a logo from the public folder, follow the steps below -

  1. Upload your logo to the directory public/assets/images or at public directory.

  2. Open file src/ui-component/Logo.jsx

  3. Uncomment the following lines of code

  4. Remove any unused SVG code lines.

Use Logo internally using svg element

  • Removed unused code from file below

Last updated