Как удобно управлять цветом SVG-иконок #shorts #frontend #фронтенд #css

🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале:
🟠 Курс по HTML
🔵 Курс по CSS
🟢 Курс Accessibility
⚪️ Мастер-класс по верстке для новичков

💬 Чат в телеграмме (помощь новичкам):
@friendlyFrontendChat

#shorts #frontend #фронтенд #css

[AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:

💬 Чат: @friendlyFrontendChat
ℹ Основной канал: @friendlyFrontend

Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[ebzgqpl]

Делаешь очень полезный контент! Даже спустя годы могу подчерпнуть что то новое для себя.

[HroHamada]

Сколько я намучался с этими svg... Это решение самое лучшее, думаю. К слову, те кто не работал с svg по сотне раз на дню не поймут кайф этого способа

[alexb.]

Прям, как чувствовал. Как раз сейчас с этом ковыряюсь! currentColor - то, что нужно. Спасибо!

[виртуоз_ру]

Я всегда лез в код и убирал цвета. Потом через css задавал.

[igorb]

Ууу это стоила серфинга в 3 ночи, стоит гтрефакторить рюпроект, у меня какраз кейс где разные элементы свг и то строк то филл, спасибо!

[NeoCoding]

интересно, мне приходилось именно реакт компоненты делать и пропсами менять цвета. видимо надо вот так, плохо что текст перекрыл код внизу шортса.. спасибо

[denisshotiq]

Насколько мне известно, currentColor можно прописать инлайн, например, fill=“currentColor”, а не переопределять в css. Поправьте, если ошибаюсь
Мне кажется, так еще удобнее

[bubblesort]

Еслиб можно было поставить два лайка на видос я бы это сделал)

[itwaslazyday]

Когда svg будут собраны в спрайт, то это не поможет)

[kickdoe]

Я смотрю у тебя fill на самом svg изображении указан как white, разве этот white не перекроет стили которые ты напишешь через color?

[ndcskzc]

а если внутри svg иконки есть тег circle в котором есть и fill и stroke, как покарсить допустим один fill? Если через color то красится весь круг а не его часть.

[shure]

и получаем ошибку валидатора css, но кто сейчас такое проверяет…

[erinday-one]

А потом взрослеешь и понимаешь, что инлайнить svg это такое...

[legendary]

А не проще зайти в любой визуальный редактор и просто поменять цвет у исходника? Зачем заморачиваться так с кодом?