React图标-更改背景颜色

Question

目前在网站上使用react图标，在svg和样式方面遇到问题。

到目前为止，我所尝试的是使用git-reo上显示的React Icons{IconContext.Provider}以及fill、stroke。我还尝试添加一个带有上下文提供程序的CSS类，然后在模块中使用CSS属性设置svg的背景颜色，但这似乎也不起作用。

设置SVG背景颜色的最简单方法是什么？

使用笔划和填充，它只为实际图标本身着色，因为这是绘制矢量的地方。

CCD_ 4作为道具被传递到CCD_。

<StyledCard
heading="Express"
techIcon={<FaAngleDoubleRight color="#808080" size={80} stroke="black" strokeWidth=".3"/>} />  

Answer 1

在笔划内部使用currentColor，它将被父颜色替换。

示例：

<StyledCard
heading="Express"
techIcon={<FaAngleDoubleRight size={80} stroke="currentColor" strokeWidth=".3"/>} 
/>