无法更改 React 图标的颜色（BiHomeAlt、BiSlider、FaTasks）答案

【问题标题】：Can't change color of React icons (BiHomeAlt, BiSlider , FaTasks)无法更改 React 图标的颜色（BiHomeAlt、BiSlider、FaTasks）
【发布时间】：2021-12-13 15:30:20
【问题描述】：

在 React 中，您可以使用图标上下文或样式属性更改图标的颜色：

<IconContext.Provider 
  value={{size: '40px' ,stroke: 'red',color:'red',fill:'red}} 
>
  <FaTasks>
</IconContext.Provider>

但它不起作用我做错了什么我在stackoverflow上发现了一些类似的请求和某种 github上的错误请求 https://github.com/react-icons/react-icons/issues/404 或者是否有可能某些反应图标不能用颜色设置样式

描边、填充、颜色有什么区别？

【问题讨论】：

在 SVG 的上下文中，您可以将stroke 视为border 属性，将fill 视为background 属性（用于块）或color 属性（用于文本） .如果您想更改 svg 图标的颜色，您很可能需要更改 fill 属性。顺便说一句，您的属性看起来无效，您可能想再看一下有关如何设置图标样式的文档，即传递style 道具，或（更好）className 道具。见：github.com/react-icons/react-icons#configuration

标签： javascript reactjs react-icons

【解决方案1】：

只是添加颜色道具或填充道具，我不记得是哪一个。哈哈

<FaTasks color="red" fill="red">

【讨论】：