Как решить проблему с use при использовании svg?

Question

[QnaTwitt]

Через css по классу задаю размеры иконке, тег svg их принимает, всё хорошо, но тег use меньше, и это делает иконку не по тем размерам что я указал, на скринах ниже можно увидеть
Удалено модератором.

<svg viewBox="0 0 100 100" class="icon icon-logo-dims icon-logo">
    <use xlink:href="/icons.svg#logo"></use>
</svg>

.icon-logo {
    width: 72px;
    height: 54px;
}

Подскажите как решить эту проблему с тегом use, что он имеет какие-то размеры, которые не дают сделать иконку по тем размерам которые я дал

Comments

[Модератор]

Запрещены скриншоты фрагментов кода. См.п.3.8 Регламента.

[QnaTwitt]

Модератор, Сейчас поправлю

[QnaTwitt]

Модератор, Исправил

[Alexander3928]

Так просто увеличь размер не use, а самой svg. В чем проблема?

[QnaTwitt]

Alexander3928, так я размеры дла svg и задаю, там скрины выше есть

[QnaTwitt]

Alexander3928, Я обращаюсь по классу .icon-logo задаю размеры, они применяются для svg правильно, но почему-то картинка стаёт меньше...

[Ankhena]

QnaTwitt, зачем вьюбокс для svg?

И сделайте песочницу.

[cssfish]

1) если картинка не квадратная, то в квадрат ее можно запихать только с искажениями.
2) либо там внутри svg картинка не во весь размер холста. тогда надо ее в граф редакоре отрезать и редактировать.

Либо формулируйте точнее...

[Noder SS]

С !important попробуйте