@eldar_web

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

Если я захочу использовать svg-иконку на сайте, то беру код SVG и ставлю в код:
<div>
<svg>...</svg>
</div>


Это хороший тон? Если нет, то как правильно сделать?
  • Вопрос задан
  • 731 просмотр
Пригласить эксперта
Ответы на вопрос 2
Лучше делать ссылку на иконку:
<div>
<svg pointer-events="none" height="30" width="20">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon"></use>
</svg>
</div>

и потом в футере или в отдельном файле svg координаты:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0px; height: 0px;">
   <symbol id="icon" viewBox="0 0 15 30">
       <path stroke="currentColor" d="M13.5 1.5l-11.5 13.5 11.5 13.5"></path> 
    </symbol>
</svg>
Ответ написан
@vintage
Да, на текущий момент это оптимальный способ вставки иконок, позволяющий изменять их визуализацию через CSS. Только вынесите её лучше в отдельный шаблон.
Ответ написан
Ваш ответ на вопрос

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

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