SVG картинка и ее цвет
Каким образом можно поменять цвет данной иконки через CSS:
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"> <line y1="-0.5" x2="17.5227" y2="-0.5" transform="matrix(0.727587 0.686015 -0.727587 0.686015 0.250488 0.843262)" stroke="black"/> <line y1="-0.5" x2="17.5227" y2="-0.5" transform="matrix(-0.727587 0.686015 -0.727587 -0.686015 13 0.135986)" stroke="black"/></svg>
Пытался через fill - не работает. Тега path тут нет. Что делать?
stroke смотри:
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
<line y1="-0.5" x2="17.5227" y2="-0.5" transform="matrix(0.727587 0.686015 -0.727587 0.686015 0.250488 0.843262)" stroke="#f00"/>
<line y1="-0.5" x2="17.5227" y2="-0.5" transform="matrix(-0.727587 0.686015 -0.727587 -0.686015 13 0.135986)" stroke="#00f"/>
</svg> Попробуй в CSS обратится к элементу через - :nth-child() path{}
и прописать stroke: и сам цвет.
Если хочешь при наведении менять цвет, можешь вместо stroke="black" вбить stroke="currentColor" и в css при наведении для этой иконки прописать color:
И код здесь лучше вставлять через кнопку "Блок кода"
Все black заменить на нужный цвет (если я правильно понял вопрос...)