Answer the question
In order to leave comments, you need to log in
Why is SVG not showing up in Chrome?
Good afternoon.
Tell me what's wrong with this svg. I'm exporting from Figma.
Maybe something needs to be fixed.
The problem is frequent, a lot of people meet, but the methods from Google - do not help in any way: In the Chrome browser - it is not displayed. When examining an element, it opens in a separate tab, but it flatly does not want to be displayed on the site. In Safari, Opera, Mozilla - everything is displayed.
When resaving in AI - The shadow is lost, but the display is already happening.
Different transcoders tried - similarly: either there is no shadow, or the chrome does not display.
The problem is the same if I insert it through the IMG tag and background. But I need to insert a background into the ::after pseudo-element.
I checked it through Network - there are no errors, SVG is loaded, but not displayed
<svg width="1152" height="197" viewBox="0 0 1152 197" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Rectangle 9" filter="url(#filter0_d_90:1733)">
<path d="M0 0H1152C1152 0 1042 157 882.5 157C723 157 641.5 27 497.5 24.5C353.5 22 376 74.5 220 74.5C64 74.5 0 0 0 0Z" fill="#ED5D0C"/>
</g>
<defs>
<filter id="filter0_d_90:1733" x="-20" y="0" width="1192" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="20"/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_90:1733"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_90:1733" result="shape"/>
</filter>
</defs>
</svg>
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question