@olega7or
Digital designer

Как изменить цвет stroke в svg?

Есть svg спрайт,
в нем есть инонки вида
<symbol viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" id="menu">
    <path d="M6 24h36M6 12h36M6 36h36" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
  </symbol>


Вставляю нужную иконку таким образом
<svg className="icon">
          <use xlinkHref="/img/sprite.svg#menu" />
        </svg>


.icon {
        stroke: red
    }

Так не меняет

Как правильно изменить цвет stroke через css?
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
LenovoId
@LenovoId
what the fuck ?
Для того что бы заработало внутри use надо удалить все стилизации внутри symbol
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Henxed
@Henxed
svg спрайт нужно встроить в html, файлом работать не будет, и через css просто менять параметр. Например:
#menu path{
  stroke: #000;
}

Ответ написан
Возможно, стоит внутри элемента "svg" удалить атрибут "stroke"
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы