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

Пользователь

от charles.orn , в категории: HTML/CSS , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от narciso , 6 месяцев назад

@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, который вы хотите изменить.