Ionic framework Can'；t使用IonIcon更改svg文件的大小和颜色

我有一个从ionicons网站下载的本地svg文件。 我试图改变他们的字体大小和颜色，但没有任何效果。 我尝试使用

img

标记并更改css文件，但没有成功。 我尝试了IonIcon，但它也不起作用

这就是我现在拥有的：

const AppHeader = () => {
return (
    <div className="header">
        <div className="iconsContainer">
            <IonIcon src={searchIcon} size="36px" color="white"></IonIcon>
            <IonIcon src={cartIcon} size="36px" color="white"></IonIcon>
        </div>
    </div>
);
};

const AppHeader=（）=>{
返回(
);
};

我在爱奥尼亚的网站上也找不到任何关于爱奥尼亚图标的信息，而爱奥尼亚图标在VSCode中的go-to定义由于某些原因不起作用。 svg确实会显示，但我无法更改大小和颜色。

像这样使用它

<IonIcon icon={searchIcon} style={{fontSize:32, color: 'white'}}/>

您正在为IonIcon使用的软件包。我使用ion图标，并且使用fontSize和颜色的样式总是会改变大小和颜色。@moshfiqrony我刚从网站下载了图标。我没有为此使用任何包。从哪个包导入此

IonIcon

组件？尝试在css中使用

fill

，如

fill:red

@moshfiqrony它似乎不是从任何库导入的（我猜这是基本的离子反应库）编辑解决方案。