@redd_i

Как правильно вывести иконку svg?

Всем привет. Есть сайт.
Есть иконка. Пусть site.ru/image/cart.svg
Сейчас вывожу < img src="/image/cart.svg" >
Но к сожалению посредством css не позволяет менять fill (заливку).

Нашел в интернете, что можно выводить методом:
<svg>
  <use xlink:href="/image/cart.svg"></use>
</svg>


Но внутри только:
#shadow-root (close)

Подскажите пожалуйста, если ли метод как выводить по другому svg?
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 3
@LJ322
Например, вставлять напрямую
<div class="element">
    <svg width="10" height="10"
         viewBox="0 0 10 10">
        <path d="m5 9-3-4h2v-4h2v4h2z"/>
    </svg>
</div>
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега HTML
Чат джунов t.me/developersjunior
Например, background-ом задать нужный цвет, и наложить маску SVG, и далее уже менять цвет на который нужно.
Ответ написан
OCTAGRAM
@OCTAGRAM
Если это монохромное изображение, я видел, что SVG-шрифтом делают значки
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы