Задать вопрос
devellopah
@devellopah

Почему браузер некорректно рисует svg иконки?

Дизайн нарисован в figma.
Добавил outline: 1px solid black; для svg иконок, чтобы визуально их выделить.
Как видно, большинство иконок нарисованы корректно, некоторые(например, иконки методов оплаты в подвале) - словно наполовину.
Подскажите, в чём может быть проблема, пожалуйста?
p.s. Ссылка на вёрстку.
p.p.s. Код иконок доступен во вкладке Elements.
  • Вопрос задан
  • 83 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
@cheeroque
У иконок в футере включен clip, откуда он там - вам виднее. Вот этот кусок в каждой иконке:

<g clip-path="url(#clip0)">

Просто уберите clip-path, оставьте <g> без атрибутов.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы