@yar_stun
frontend-dev

Содержимое svg во всю ширину и высоту?

Gulp'ом и плагинами создаю svg спрайт. в верстке использую конструкцию:
<svg class="socials__icon socials__icon--twitter">
                    <use xlink:href="img/sprite.svg#twitter"></use>
                </svg>

Обнаружил, что при описании стилей иконкам (стили пишу обращаяясь к непосредственно тегу svg) графическая часть иконок не соответствует этому размеру. С svg опыта мало, да и нагуглить по этой проблеме ничего не удалось.
616b3a1289f4c215794790.png
В частности: задаю фиксированые размеры 26x26 для svg. А ее содержимое стоит в размерах 19.5x19.5
616b3a8af2485693039892.png
Как можно добиться полной ширины и высоты? Заранее спасибо.
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 1
arsenty
@arsenty
Full Stack Designer
Имейте ввиду, что зазор между границей холста и элементами на нем должен быть, иначе, если вы, так или иначе, добьётесь полного заполнения иконкой ширины/высоты холста, то можете обнаружить визуальные баги при рендере страницы, в зависимости от браузера.
Ответ написан
Ваш ответ на вопрос

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

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