title: How to add custom-logo/image in toolbar using vuetify
body: <p>I am trying to add image/custom logo in the toolbar using Vuetify.
  I am using <code>v-toolbar</code> to create the navigation bar.</p>
  
  <p>The image is not showing up. It shows the error of <code>[Vuetify] Image load failed
  src: ../assets/mad_logo.png</code></p>
  
  <p>I tried using <code>&lt;v-img&gt;</code>
  But it did not work.</p>
  
  <p>This is how the navigation bar looks like</p>
  
  <p><a href="https://i.stack.imgur.com/oiTEu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oiTEu.png" alt="enter image description here"></a></p>
  
  <p>This is the code:</p>
  
  <p>VuetifyTest.js</p>
  
  <pre><code>   &lt;v-toolbar
      color="primary"
      &gt;
  
  
  
      &lt;v-toolbar-side-icon&gt;
          &lt;v-img src="../assets/mad_logo.png" /&gt;
      &lt;/v-toolbar-side-icon&gt;  
      &lt;v-toolbar-title class="black--text"&gt;Title&lt;/v-toolbar-title&gt;
  
      &lt;v-spacer&gt;&lt;/v-spacer&gt;
      &lt;v-avatar&gt;
        &lt;img
          src="../assets/static.jpeg"
          alt="John"
        &gt;
      &lt;/v-avatar&gt;
  
  
    &lt;/v-toolbar&gt;
  
  
  &lt;/template&gt;
  
  &lt;script lang="js"&gt;
    export default  {
      name: 'profile',
      props: [],
      mounted() {
  
      },
      data() {
        return {
  
        }
      },
      methods: {
  
      },
      computed: {
  
      }
  }
  &lt;/script&gt;
  
  &lt;style scoped &gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>This is the directory structure:</p>
  
  <p><a href="https://i.stack.imgur.com/dkSKF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dkSKF.png" alt="enter image description here"></a></p>
  
  <p>How do I attach the logo on the top left of the navigation bar and load the image correctly.</p>
  
  <p>Any code changes would work.
  Thanks!</p>