Добрый день.
Подскажите, что не так с этим svg. Делаю экспорт из Figma.
Может что-то поправить нужно.
Проблема частая, много у кого встречается, но способы из гугления - не помогают никак: В браузере Хром - не отображается. При исследовании элемента в отдельной вкладке открывается, а на сайте же отображаться наотрез не хочет. В Сафари, Опере, Мозилле - все отображается.
При пересохранении в AI - Теряется тень, но отображение уже происходит
Разными перекодировщиками пытался - аналогично: либо нет тени, либо не отображает хром.
Проблема та же, если вставляю через тег IMG и бекграундом. Но Мне нужно бэкграундом в псевдоэлемент ::after вставить.
Через Нетворк проверял - ошибок нет, Свг грузится, но не отображается
<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>
