<img> SVG Image Issue With Google Chrome

Hi !

I am trying to employ SVG Images, works great in All Browsers, even IE, but Google Chrome, Nooooooooo ! I even have the current Version of Google Chrome, still a no go.

Can anyone tell me if this is common?


<div id="logo">
	<a href="<?php echo home_url(); ?>">
		<!-- SVG Logo - toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script -->
		<img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="Logo">
	</a>
</div>


Thank you

Hm, since no one has responded yet, could you post a link to example where it’s not working? It’s hard to assess an HTML question when we don’t know the exact HTML output.

There are reports of sometimes Chrome on one OS acting differently than on another, so you might as well say which OS the problem is.

Second, if you could make a test case, just the SVG in an anchor say, which shows the problem, others can see if it affects other OSes and help narrow it down. Ralph has a Mac and I run Linux, for example.

Lastly since we know in general, SVG works in Chrome, we’d need to see if it’s the SVG itself, if you can share that file. Otherwise, another SVG file or markup that shows the same problem that we can reproduce.