Как отобразить svg?

Question

[Alex_87]

Здравствуйте! Как правильно отобразить картинку svg? Есть файл svg и мне нужно его добавить. Вот код, который я вставляю для html.

<svg width="20" height="20">
      <use xlink:href="img/mail.svg"></use>
</svg>

что я делаю не так?

Comments

[Rustam Bainazarov]

https://developer.mozilla.org/ru/docs/Web/SVG/%D0%...

<use> ссылается на ноду в SVG-файле. Просто на файл нельзя дать ссылку.

[Alex_87]

Рустам Байназаров, а если вставлять так, то как менять цвет?

<img src="img/mail.svg" alt="За стеклом" width="30px;" height="30px;" style="color: red;">

color не помогает

[Rustam Bainazarov]

Alex_87, так — никак. Вставьте либо разметкой, либо внутри файла SVG делайте symbol с ID и ссылайтесь на него. Почитайте про SVG use symbol external file.

https://css-tricks.com/svg-use-external-source/