Can someone please explain why some SVGs look so different when opened in Inkscape?
I've used Inkscape for a while and I am able to open and edit pretty much any SVGs, but some appear with strange artefacts and I would like to know how to resolve this. Here's an example using the logo from this website.
When I view it in my browser or with an image viewer, it's completely normal like this:
However when I open it in Inkscape, it looks like this:
I am unable to work with this file in Inkscape and I cannot understand why. Any ideas? Checking the file with a text editor, it looks like a completely ordinary SVG.
<svg id="JER_LOGO_HZ_WT" data-name="JER LOGO_HZ_WT" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 882.26 283.46" height="283" width="882">
<defs>
<style>
.cls-1 {
fill: url("#linear-gradient");
}
.cls-2 {
fill: url("#linear-gradient-2");
}
.cls-3 {
fill: url("#linear-gradient-3");
}
.cls-4 {
fill: #fff;
}
</style>
<linearGradient id="linear-gradient" x1="54.57" y1="274.4" x2="166.2" y2="64.46" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0.16" stop-color="#fff"/><stop offset="0.23" stop-color="#fff" stop-opacity="0.97"/><stop offset="0.34" stop-color="#fff" stop-opacity="0.9"/><stop offset="0.47" stop-color="#fff" stop-opacity="0.77"/><stop offset="0.61" stop-color="#fff" stop-opacity="0.6"/><stop offset="0.77" stop-color="#fff" stop-opacity="0.37"/><stop offset="0.94" stop-color="#fff" stop-opacity="0.11"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient>
<linearGradient id="linear-gradient-2" x1="196.96" y1="136.17" x2="42.04" y2="108.85" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0.38" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0.2"/></linearGradient>
<linearGradient id="linear-gradient-3" x1="36.08" y1="24.27" x2="168.99" y2="24.27" gradientUnits="userSpaceOnUse"><stop offset="0.11" stop-color="#fff"/><stop offset="0.18" stop-color="#fff" stop-opacity="0.96"/><stop offset="0.31" stop-color="#fff" stop-opacity="0.84"/><stop offset="0.49" stop-color="#fff" stop-opacity="0.64"/><stop offset="0.7" stop-color="#fff" stop-opacity="0.38"/><stop offset="0.93" stop-color="#fff" stop-opacity="0.04"/><stop offset="0.96" stop-color="#fff" stop-opacity="0"/></linearGradient>
</defs>
<title>jersey-logo-white</title><path
class="cls-1"
d="M95.22,283.47a94.27,94.27,0,0,1-66.91-27.75A95.75,95.75,0,0,1,0,188.65a14.11,14.11,0,1,1,28.21-.34,68,68,0,0,0,45.05,63.18,65.66,65.66,0,0,0,22,3.77c36.76,0,66.67-30.46,66.67-67.89V85.65a14.11,14.11,0,1,1,28.22,0V187.36C190.11,240.35,147.54,283.47,95.22,283.47Z"/><path
class="cls-2"
d="M140,97.61c0-47.76,34.46-73.2,66.77-73.2a12.46,12.46,0,0,0,11.86-12.35A12.16,12.16,0,0,0,206.31,0c-20.8,0-38.3,6-52.38,15.62-27.71,19-42.12,52.34-42.12,82.73V184.5c0,23.55-18.78,42.71-41.86,42.71-21.94,0-40.29-17.47-41.77-39.77,0,0,0,.42,0,0.87a68.1,68.1,0,0,0,34.61,58.43,65.94,65.94,0,0,0,20.39,7.42C115.53,247.84,140,219,140,184.5V97.61Z"/><path class="cls-3" d="M169,7.35a144.69,144.69,0,0,1-53.18,10.06,144.49,144.49,0,0,1-60-12.95A14,14,0,0,0,44.28,29.89,172.2,172.2,0,0,0,115.8,45.32h0c3.61,0,7.28-.13,10.86-0.35a98.09,98.09,0,0,1,10.22-14.12A88.53,88.53,0,0,1,169,7.35Z"/><path
class="cls-4"
d="M375,178.15c0-29.26,21.73-52.87,52.23-52.87,27.38,0,50.58,18.81,50.58,57a4.68,4.68,0,0,1-4.64,4.62H402.81c1.89,12.34,11.91,22.57,29,22.57a44.89,44.89,0,0,0,23.24-7,4.63,4.63,0,0,1,6.35,1.38c0.84,1.25,4.43,6.35,6.73,9.93A4.77,4.77,0,0,1,467.1,220c-10.12,7.22-24.17,11.19-38.17,11.19C398.21,231.21,375,210.53,375,178.15ZM427.26,147c-16.51,0-23.62,11.5-24.64,21.52h49.72C451.5,158.93,444.82,147,427.26,147Z"/><path
class="cls-4"
d="M666.63,178.15c0-29.26,21.73-52.87,52.23-52.87,27.38,0,50.58,18.81,50.58,57a4.68,4.68,0,0,1-4.64,4.62H694.41c1.88,12.34,11.91,22.57,29,22.57a44.92,44.92,0,0,0,23.25-7,4.63,4.63,0,0,1,6.35,1.38c0.85,1.25,4.43,6.35,6.73,9.93A4.76,4.76,0,0,1,758.7,220c-10.11,7.22-24.17,11.19-38.16,11.19C689.82,231.21,666.63,210.53,666.63,178.15ZM718.86,147c-16.51,0-23.62,11.5-24.65,21.52h49.72C743.11,158.93,736.43,147,718.86,147Z"/><path
class="cls-4"
d="M495.29,224.09V132.43a4.71,4.71,0,0,1,4.63-4.64h17.29a4.67,4.67,0,0,1,4.62,4.64v8.93c6.26-7.5,16.21-13.89,26.8-15.65A4.73,4.73,0,0,1,554,130.3V146a4.66,4.66,0,0,1-4.63,4.63c-10.59-.85-23.31,6.47-27.56,16.88v56.59a4.7,4.7,0,0,1-4.62,4.63H499.92A4.66,4.66,0,0,1,495.29,224.09Z"/><path
class="cls-4"
d="M565.63,212l6.72-11.24a4.59,4.59,0,0,1,6.56-1.21c8.08,5.84,20.35,10.8,31,10.8,11.48,0,16.93-4.39,16.93-10.65,0-16.52-59.78-2.93-59.78-42.63,0-16.92,14.65-31.76,41.38-31.76a64.6,64.6,0,0,1,37.3,11.38,4.66,4.66,0,0,1,1.2,6c-0.9,1.58-3.61,6.52-5.84,10.3a4.65,4.65,0,0,1-6.55,1.62,45.25,45.25,0,0,0-26.1-8.41c-9.61,0-15.89,4.17-15.89,9.82,0,14.83,60,2.3,60,43,0,18.6-15.88,32.17-43.87,32.17-16,0-31.38-4.82-42.06-13.07A4.64,4.64,0,0,1,565.63,212Z"/><path
class="cls-4"
d="M855.72,132.43c0,18,0,47.69,0,53.41,0,8.86-7.66,17.89-21.38,17.89-13.39,0-20.55-10.33-20.55-17.89V132.44a4.66,4.66,0,0,0-4.63-4.64H791.86a4.71,4.71,0,0,0-4.62,4.64c0,10.87,0,56.06,0,56.06,0,24.36,22,40.71,46.71,40.22,14.14-.27,18.65-4.71,21.78-6.74,0,15.28-7.71,23.15-16.42,25.28-10.33,2.54-23.51,3-37.57-7.27a4.76,4.76,0,0,0-6.52,1.09c-2.27,3.64-4.64,7.17-6.79,10.92-1.51,2.63-.74,5,1.05,6.36,20.51,15.19,43.24,12.58,54.63,10.43,22.64-4.27,38.16-24.63,38.16-43.94V132.44a4.66,4.66,0,0,0-4.64-4.64H860.34a4.7,4.7,0,0,0-4.62,4.64"/><path
class="cls-4"
d="M359.51,100.58a4.65,4.65,0,0,0-4.63-4.64h-18.4a4.7,4.7,0,0,0-4.62,4.64v82c0,11.9-9.22,22.74-23.23,22.74-5.64,0-15.39-2.53-20.84-10.94a4.62,4.62,0,0,0-5.9-1.71c-1.8.84-10.24,4.62-15.39,7-2.74,1.24-2.85,4.82-2,6.32,4.52,7.63,16.53,23.9,44,23.9,33.89,0,51-21.43,51-53.8V100.58Z"/></svg>