Heres мой код:Изменение цвета SVG с помощью CSS, SVG цвет обыкновение менять
HTML:
<img src="../img/icon-play.svg" class="play-button-svg">
SASS:
.play-button-svg
padding-left: 10px
fill: $white
Значок сохранить свой первоначальный цвет и не изменится белый.
используя SVG как изображение или фоновое изображение, которое вы не можете контролировать с помощью CSS. Если вы хотите '.play-кнопочный' SVG, чтобы работать, вы должны поместить SVG-код, который будет выглядеть как-
<svg ...>
<path .../>
</svg>
Затем нанесите class-
<svg ...>
<path class="play-button-svg" .../>
</svg>
и теперь ваш CSS будет работать :)
откройте свой SVG с помощью текстового редактора, и вы получите SVG-код :) – Bhagya
Интересно. Так что я могу просто поставить код svg между SASS: .play кнопка- обивка SVG-слева: 10px заливка: $ белый – klmitchell2
@ klmitchell2 SVG код сам заключен в тег