Как сделать предзагрузку SVG без JavaScript?

Question

[ymfront]

Делаю предзагрузку изображений следующим образом:

<link rel="preload" href="./img/icon1_desktop.png" as="image">
<link rel="preload" href="./img/icon2_desktop.png" as="image">
<link rel="preload" href="./img/icon3_desktop.png" as="image">
<link rel="preload" href="./img/icon4_desktop.png" as="image">

Но с SVG у меня rel="preload" не работает:

<link rel="preload" href="./img/icon.svg" as="image">

Как правильно сделать предзагрузку SVG?

Comments

[Максим]

Самое ппостое либо svg ставить на фон или использовать use

[Ankhena]

Как вы видите, что не работает?
В каком браузере?

Но хорошо бы вернуться на шаг назад.

Как правильно сделать предзагрузку SVG?

И ответить на вопрос: зачем?
Судя по названию, это иконка, т.е. не контентное, важное, изображение, а украшение сайта. Зачем ей вообще прелоад?

Answer 1

[Igor Koch]

Возможно MIME type="image/svg+xml" поможет:

<link rel="preload" href="./img/icon.svg" as="image" type="image/svg+xml">

https://developer.mozilla.org/en-US/docs/Web/HTML/...