Значок веб-сайта превращается в зеленый квадрат при перезагрузке страницы. ⇐ CSS

[Anonymous]

У меня есть иконка logo.svg, ничего конкретного, экспортированная из Figma.
Я показываю ее в шапке сайта вот так:

Код: Выделить всё

[url=/]
[img]{~p[/img]
[/url]

Размер самого SVG составляет 1024x1024, но я изменил его размер до 36.
(Я не уверен, правильно ли это, но я делал это раньше без каких-либо проблем.)< /p>
В большинстве случаев он отображается нормально (это какой-то контур с зеленым градиентом). Но если, находясь на странице со значком, я наберу в адресной строке браузера адрес страницы (другой или той же страницы) и нажму Enter, то значок превратится в квадрат, залитый зеленым градиентом, и останется таковым, даже если Я перехожу на другие страницы сайта.
Пока это работает только в Safari, с Chrome все в порядке. Так, в Safari, если я почищу кеш в меню разработчика, иконка снова станет нормальной.
Это происходит как в разработке, так и в проде.
Пожалуйста, посоветуйте мне, как это исправить.


Подробнее здесь: https://stackoverflow.com/questions/783 ... age-reload