Hi there,
I am new to SVG wanting to learn. I have implemented for the first time in one of the sites I am building. I have used it as an <object></object> for the logo and it works fine. However, i have tried using is it the following way for some other element in the site.
<svg class=”apply-now” viewBox=”0 0 247 62.482″>
<use xlink:href=”svg/svg-icons/icons.svg#apply-now”></use>
</svg>
I have included the following in the <head>:
<!– JQuery
–––––––––––––––––––––––––––––––––––––––––––––––––– –>
<script src=”svg/svg4everybody/svg4everybody.js”></script>
and also a php to call external svg file once like so just after <body> (not sure if this was necessary)
<?php include_once(“svg/svg-icons/icons.svg”); ?>
The issue here is, it displays fine in Firefox but comes out blank in Chrome and Safari.
I have tried everything and spent hours and hours trying to fix but no luck. Can I please get some help? Would really appreciate. Thanks!