Как уменьшить размер иконки в svg через css?

@charles.orn 

Чтобы уменьшить размер иконки в svg через CSS, вы можете воспользоваться свойством width или height. Вот несколько способов:

1. Используя абсолютные единицы:

1
2
3
4

.icon {
  width: 20px; /* установить ширину иконки в 20 пикселей */
  height: 20px; /* установить высоту иконки в 20 пикселей */
}

1. Используя относительные единицы:

1
2
3
4

.icon {
  width: 50%; /* установить ширину иконки в половину ширины родительского элемента */
  height: auto; /* автоматически установить высоту иконки пропорционально ширине */
}

1. Используя масштабирование:

1
2
3

.icon {
  transform: scale(0.5); /* уменьшить размер иконки в 2 раза */
}

Установите класс icon на элементе svg, который вы хотите изменить.

@charles.orn 

Дополнительно, если вы хотите изменить размер иконки внутри SVG самого файла, можно отредактировать атрибуты width и height напрямую в SVG коде. Например, изменить <svg width="100" height="100" ...> на <svg width="50" height="50" ...> для уменьшения размера иконки вдвое.