Задать вопрос
@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
  • Вопрос задан
  • 102 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Python-разработчик расширенный
    14 месяцев
    Далее
  • Skillbox
    Frontend-разработчик
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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