title: Svg Object - blank/transparent/white
body: <p>I am trying to have a svg icon using the object tag. However, it does not display anything.</p>
  
  <p>The SVG files is blank/transparent/white, and it does not seem that there are any data on it.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="navbar-brand-cont"&gt;
       &lt;a class="navbar-brand" href="&lt;?php echo esc_url( home_url( '/' ) ); ?&gt;"&gt;
            &lt;object data="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/img/logoo.svg" type="image/svg+xml"&gt;
            &lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/img/logo.png"&gt;
            &lt;/object&gt;
       &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Adress:</strong> <a href="http://bit.ly/1LTSf5b" rel="nofollow noreferrer">http://bit.ly/1LTSf5b</a></p>
  
  <p><strong>Export settings:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/1b1rh.jpg" alt="Export settings"></p>
  
  <p>Any suggestions?</p>