Как изменить размер svg в CSS

Для изменения размера SVG-изображения в CSS можно использовать свойства «width» и «height».

Пример CSS-кода для изменения размера SVG-изображения на 200 пикселей:

svg {
  width: 200px;
  height: 200px;
}

Этот CSS-код устанавливает ширину и высоту для SVG-изображения одновременно.

Если вы хотите изменить размер SVG-изображения только по ширине, а высоту задать автоматически, можно использовать свойство «width» без указания «height»:

svg {
  width: 200px;
  height: auto;
}

В этом случае браузер автоматически подгонит высоту SVG-изображения, чтобы сохранить его пропорции.

Также можно использовать процентные значения для свойств «width» и «height», чтобы изменять размер SVG-изображения относительно размеров родительского блока или окна браузера:

svg {
  width: 50%;
  height: auto;
}

В этом случае SVG-изображение будет занимать половину ширины родительского блока.