Support Templates Hire Us

Check MatDash Premium Version

Live Preview
Buy Now

Change Logo

Change light Logo

To change logo : packages/main/src/layouts/full/logo/Logo.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
          import { RouterLink } from 'vue-router';
          import Logoimg from '@/assets/images/logos/logo.svg';
        </script>
        <template>
            <div class="logo">
                <RouterLink to="/">
                    <img :src="Logoimg" alt="home" />
                </RouterLink>
            >/div<
        >/template<

Change Dark Logo

To change logo : packages/main/src/layouts/full/logo/LogoIcon.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
          import { RouterLink } from 'vue-router';
          import Logoiconimg from '@/assets/images/logos/logo-icon.svg';
        </script>
        <template>
            <div class="logo">
                <RouterLink to="/">
                    <img :src="Logoiconimg" alt="home" />
                </RouterLink>
            >/div<
        >/template<

Change Logo

To change logo : /components/layout/full/logo/LogoDark.vue 
                            
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import Logoimg from "/images/logos/logo.svg";
</script>
<template>
  <div class="logo">
    <RouterLink to="/">
      <img :src="Logoimg" alt="home" />
    </RouterLink>
  </div>
</template>