Как изменить цвет значка svg, используя Tailwindcss только при наведении на него курсора? [дубликат] ⇐ CSS

[Anonymous]

Я уже читал вопросы о SVG, и мой вопрос касается только того, как это сделать с помощью Tailwindcss.
Инструментами проекта являются React и Tailwindcss.Я хочу изменить цвет значка SVG, когда пользователь наводит указатель мыши на его родительский элемент:
Значок SVG находится в папке ресурсов, и его значение это:

Код: Выделить всё

и файл React:

Код: Выделить всё

import iconBoardNormal from '../assets/icons/icon-board-normal.svg'
const Navbar = ({ data }) => {
return (
[list]
{data.boards.map((board) => {
return(
[*]
[img]{iconBoardNormal} alt=[/img]
{board.name}

);
})}
[/list]
)
}

Как вы видите, первоначальный цвет значка SVG — #828FA3, и я хочу, чтобы, когда пользователь наводит курсор на элемент li, цвет обоих дочерних элементов (

Код: Выделить всё

img

, span), чтобы перейти к #fff, в настоящее время меняется только цвет диапазона, а не svg.


Подробнее здесь: https://stackoverflow.com/questions/787 ... overing-th