lamara-nsk.ru
Это блог о сео, деньгах, заработке в сети, разработке своих проектов, программировании
и "жизни программиста", бизнесе, блогосфере, фрилансе и многом другом.

Контакты, Реклама в блоге

Дата публикации:

Как изменить цвет SVG иконки через CSS без использования fill

SVG картинка и ее цвет:

SVG иконка имеет размеры 14x13 и состоит из двух линий

Цвет линий задан как черный Каким образом можно поменять цвет данной иконки через CSS:

Использовать свойство stroke для изменения цвета линий
Добавить класс к SVG элементу и применить стили через CSS
Пример CSS кода для изменения цвета линий на красный:
```
.icon {
stroke: red;
}
```

Применить класс "icon" к SVG элементу:


&lt;svg class="icon" xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"&gt;
&lt;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"/&gt;
&lt;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"/&gt;
&lt;/svg&gt;
После применения указанных шагов, цвет линий иконки будет изменен на красный. Таким образом, можно изменить цвет SVG иконки через CSS, даже если отсутствует тег path.

Есть ли смысл покупать AirPods 2 в 2023?
Есть ли смысл в данном сне?
Есть ли смысл восстанавливать старую машину?
"Индийская сатира: что за песня о русских женщинах?"
Как отделить прилипшие Molex разъемы: шаг за шагом
Кем лучше быть: врачом или программистом?
Кем можно пойти работать в 15 лет?
Кетогенная диета: мифы и реальность
Lordfilm: почему некоторые фильмы идут с рекламой?
Luau для Roblox Studio: Как изменить вывод числа меньше?
Мои планы на будущее
Мои планы на будущее
"Не сотвори кумира! А что можно взамен насотворить?"
"Не все могут быть такими как вы, согласны...?"
Откуда берётся стресс?.
Откуда берут клоунов для работы в цирке?.
Откуда эта машинка детская? .
Почему когда снимаешь шторы раскалывается голова
Помогите решить тест по истории срочно . 14.
Появление сахарного диобета.
Решите задачу пожалуйста.
Решите задание по теории вероятности. №1.
Сравнение видеокарт rtx 3060 12gb и arc a770 16gb. собираю пк.
V=S/t, а ещё чего?.
вставить слова из рамки и дописать предложения.

Что здесь почитать?

1.   Разработки.
1.1 Плагин "Я не робот"
1.2 Плагин "Код Adsense прямо в пост"

2.   Заработай.
2.1 Блогун: 20$ в день
2.2 Уходим от налогов в Sape
2.3 Хватит думать, пора зарабатывать

3.   Акции и конкурсы.
3.1 Ссылка за "Рабочий стол"

Показать весь список.
-->

Подписка (RSS)

Категории

Рубрики

Счетчики

﻿Как изменить цвет SVG иконки через CSS без использования fill

Что здесь почитать?

Как изменить цвет SVG иконки через CSS без использования fill