アイコンのリストがあります。アイコンの色を白に変えたい。デフォルトでは、アイコンは黒です。何か提案がありますか?
私は通常'fill: white'
私のcssで、Reactでこれを実行しているので...機能していません!
import React from 'react'
import menuIcon from '../img/menu.svg';
import homeIcon from '../img/home.svg';
<ul>
<li>
<a href="/" className="sidebar__link">
<img src={menuIcon} alt="sidebar icon" className="sidebar__icon" />
</a>
</li>
<li>
<a href="/" className="sidebar__link">
<img src={homeIcon} alt="sidebar icon" className="sidebar__icon" />
</a>
</li>
</ul>
.sidebar__icon {
fill: #FFFFF;
width: 3.2rem;
height: 3.2rem;
}
私の提案は、SVGからフォントコンバーターなどのツールを使用することです icomoon は私のお気に入りで、SVGアイコンをインポートするための独自のカスタムフォントライブラリを作成します
小道具
短所