В чём может быть проблема c use в svg sprite?

Question

[Andrew Morozov]

В чём может быть проблема c use в svg sprite?

Откуда берутся эти размеры у use, которые не дают увеличить мне svg изображение? Это работает не со всеми, при том что везде делаю всё одинаково

<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1 7L4 4L1 1" stroke-width="0.5"/>
</svg>

.icon-angle-right {
    width: 3px;
    height: 6px;
}

Откуда у use берутся размеры, не понятно...

Comments

[cssfish]

приведите нормальный код
а то на картинке одно, ниже кодом другое

[Andrew Morozov]

cssfish, На первом скрине это то как вставлено из svg sprite.

Это сама svg картинка которая добавляется в svg sprite

<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1 7L4 4L1 1" stroke-width="0.5"/>
</svg>

Это css который я задаю что бы изменить размер svg картинки

.icon-angle-right {
    width: 3px;
    height: 6px;
}

[cssfish]

mark1505, ну так у вас все корректно и происходит, задаете 3*6 и получаете 3*6.
но я бы из картинки атрибуты width="5" height="8" вырезал, они ни к чему, viewBox достаточно.

[Andrew Morozov]

cssfish, У меня проблема что у use какие-то странные размеры, из-за чего у самой иконки не те размеры что нужно

[cssfish]

mark1505, ну я же вам выше написал что сделать
и зачем вы пишите viewBox 100*100 у обертки? Он там не нужен вообще