Css 材质UI-设置SVG的颜色

Css 材质UI-设置SVG的颜色,css,reactjs,material-ui,Css,Reactjs,Material Ui,我在ReactJS中使用Material UI,并使用以下组件呈现SVG: import React,{FunctionComponent}来自“React”; 从“@material ui/core/SvgIcon”导入SvgIconMUI; 从“/types”导入{SvgIconProps}; 从“Icon/Sections/Icon flat.svg”导入{ReactComponent as HelloWorld}; 常量SvgIcon:FunctionComponent=({ 鼻涕虫

我在ReactJS中使用Material UI,并使用以下组件呈现SVG:

import React,{FunctionComponent}来自“React”;
从“@material ui/core/SvgIcon”导入SvgIconMUI;
从“/types”导入{SvgIconProps};
从“Icon/Sections/Icon flat.svg”导入{ReactComponent as HelloWorld};
常量SvgIcon:FunctionComponent=({
鼻涕虫
班级,
svgIconViewBox=“0 0 96”,
}) => {
常量SpecificSpartenIcon=HelloWorld;
返回(
专用Spartenicon&(
)
);
};

导出默认SvgIcon请显示创建设置颜色的CSS类(
svgContainer
和/或
svgIcon
)的代码部分。无需指定
!重要信息
。我已经提供了吗?{fill:'red!important',color:'red!important'}这一行并没有定义css类,它只是定义了一个css属性。请显示定义类的完整代码。@RyanCogswell我现在已经更新了答案:)我没有看到您显示的代码中有任何明显的错误。请在代码沙盒中重现您的问题。下面是一个以各种方式指定图标颜色的工作示例:。