我的React应用程序中有一个实现-可折叠的组件，如下所示：
https://react-materialize.github.io/#/collapsible
<Collapsible>
<CollapsibleItem header="PROJECTS" icon="pngImageHere">
Lorem ipsum
</CollapsibleItem>
</Collapsible>
现在，问题是Materialize使用基于
的连字图标
https://fonts.googleapis.com/icon?family=Material+Icons。
据我所知，这些是连字，因此“ icon”属性需要连字。 如何添加自定义的多色PNG图片作为图标，而不是简单的连字？还是在这种情况下，我将不得不自己创建组件？