Задать вопрос
@luxurypluxury

Почему свг не меняет размер?

SVG подключаю через webpack svgr, даю className для компонента иконки:
import { ReactComponent as CrownIcon } from '@/assets/icons/crown.svg'

<div className={styles.card__premium}>
     <CrownIcon className={styles.icon} />
 </div>

.icon {
    width: 40px;
    height: 40px;

     path {
        fill: red;
     }
}


Цвет меняется через fill, а вот с размером происходит вот такая шняга:
63fa7738bb55c168306883.png
  • Вопрос задан
  • 101 просмотр
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы