<p dir="auto">I created a react component with a card and list with list items representing each and every icon found in the material-ui project. I am noticing that some of the icons look the same:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7056535/11917117/925ccfaa-a6ae-11e5-8aea-d4a3239fe46f.png"><img src="https://cloud.githubusercontent.com/assets/7056535/11917117/925ccfaa-a6ae-11e5-8aea-d4a3239fe46f.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">At the same time, I am noticing a new message that appeared in the chrome console:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7056535/11917123/b7156992-a6ae-11e5-816b-8435f2fbfa43.png"><img src="https://cloud.githubusercontent.com/assets/7056535/11917123/b7156992-a6ae-11e5-816b-8435f2fbfa43.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The component in question is:</p>
<p dir="auto"><a href="https://github.com/codefoundries/isomorphic-material-relay-starter-kit/blob/master/webapp/components/MUI_Icons.js">https://github.com/codefoundries/isomorphic-material-relay-starter-kit/blob/master/webapp/components/MUI_Icons.js</a></p>
<p dir="auto">Link to the whole project:</p>
<p dir="auto"><a href="https://github.com/codefoundries/isomorphic-material-relay-starter-kit">https://github.com/codefoundries/isomorphic-material-relay-starter-kit</a></p>
<p dir="auto">In case it makes any difference, the list of icons was generated using:</p>
<p dir="auto"><a href="https://github.com/codefoundries/isomorphic-material-relay-starter-kit/blob/master/scripts/generate_MUIIconList.js">https://github.com/codefoundries/isomorphic-material-relay-starter-kit/blob/master/scripts/generate_MUIIconList.js</a></p>
<p dir="auto">Some svg icons utilize fill-opacity, this should be fillOpacity instead. Affected icons are:<br>
./svg-icons/editor/border-color.jsx<br>
./svg-icons/editor/format-color-text.jsx<br>
./svg-icons/editor/format-color-fill.jsx<br>
./svg-icons/action/schedule.jsx<br>
./svg-icons/device/network-wifi.jsx<br>
./svg-icons/device/signal-wifi-0-bar.jsx<br>
./svg-icons/device/signal-cellular-connected-no-internet-1-bar.jsx<br>
./svg-icons/device/battery-charging-80.jsx<br>
./svg-icons/device/signal-cellular-0-bar.jsx<br>
./svg-icons/device/battery-charging-60.jsx<br>
./svg-icons/device/battery-60.jsx<br>
./svg-icons/device/battery-charging-20.jsx<br>
./svg-icons/device/signal-cellular-3-bar.jsx<br>
./svg-icons/device/signal-cellular-2-bar.jsx<br>
./svg-icons/device/battery-charging-50.jsx<br>
./svg-icons/device/battery-50.jsx<br>
./svg-icons/device/battery-20.jsx<br>
./svg-icons/device/signal-cellular-connected-no-internet-2-bar.jsx<br>
./svg-icons/device/signal-wifi-1-bar.jsx<br>
./svg-icons/device/access-time.jsx<br>
./svg-icons/device/battery-80.jsx<br>
./svg-icons/device/signal-cellular-1-bar.jsx<br>
./svg-icons/device/battery-90.jsx<br>
./svg-icons/device/signal-cellular-connected-no-internet-3-bar.jsx<br>
./svg-icons/device/battery-charging-90.jsx<br>
./svg-icons/device/signal-wifi-3-bar.jsx<br>
./svg-icons/device/signal-cellular-connected-no-internet-0-bar.jsx<br>
./svg-icons/device/battery-30.jsx<br>
./svg-icons/device/signal-wifi-2-bar.jsx<br>
./svg-icons/device/network-cell.jsx<br>
./svg-icons/device/battery-charging-30.jsx</p>