使用jss填充<object> svg

Question

我只想要一种填充颜色。源文件是#000，因此在svg代码中没有指定填充。

下面是JSX：

import dashboardIcon from '../../images/icons/Dashboard-Icon.svg'

<object className={classes.navIcon} type="image/svg+xml" data={dashboardIcon} 
alt='' />

和JSS：

navIcon: {
width: '24px',
paddingRight: '10px',
fill: '#F7F7F7'
}

非常感谢!

Answer 1

参加聚会很晚了，但我在谷歌上搜索同样的东西时发现了你的帖子，我在JSS中找到了一个修改子元素的SVG解决方案。发布给后代的帖子：

navIcon: {
   '& svg': {
    width: '24px',
    paddingRight: '10px',
   '& path': {
        fill: '#F7F7F7'
      }
    },
  }