This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Svg Image not Displaying Correctly in Firefox 58.0.1

  • 2 replies
  • 2 have this problem
  • 1 view
  • Last reply by James2018

James2018
James2018
more options

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers.

See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers. See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

Chosen solution

Your svg file is wrong. You have to remove this: 

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of 

clip-path="url(#a)"

and it'll be OK.

Read this answer in context 👍 3

All Replies (2)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

Chosen Solution

Your svg file is wrong. You have to remove this: 

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of 

clip-path="url(#a)"

and it'll be OK.

James2018
James2018 Question owner
more options

Thank you, worked perfectly.