Можно ли менять размер иконок в svg-спрайте?

Question

[MaxVilson]

Всем привет. Использую на проекте svg-спрайт, спрайт собирал с помощью gulp и плагинов(gulp-svg-symbols, gulp-svgmin, gulp-cheerio). Проблема в том что при изменение размера иконки она изменяется в непонятных мне пропорциях. Я задал иконке width: 46px, но она не увеличилась на 46px. На скриншоте видно как поле вокруг иконки стало размером 46px, а сама иконка нет. В чем может быть проблема?
joxi.ru/Y2LER1Os5PDvA6
Пример кода который я использую:
codepen.io/Vavilkin/pen/VpaqGd

Answer 1

[Петр]

Стиль вы не к тому элементу применяете
Надо:
.nav__icon-check use { ... }

Плюс к этому у вас viewBox="0 0 100 100", а по коду точки максимум на 16x16. То есть viewBox выставлен не верно.

Comments

[MaxVilson]

к какому тегу применять стили - понял, а вот как быть с viewbox? Ведь он автоматически проставляется при сборке спрайта.

[Петр]

MaxVilson: Я не знаю как плагины эти работают, но скорее всего если изначально задан viewbox, то скорее всего менять они его не будут.

[MaxVilson]

Петр: Ясно, буду разбираться дальше. Спасибо за ответ!