S
S
slagoris2021-10-29 11:52:40
Google Chrome
slagoris, 2021-10-29 11:52:40

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

1 answer(s)
A
Ankhena, 2021-10-29
@slagoris

effect1_dropShadow_90:1733
Remove such additions from this type of id:1733

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question