Ionicons: Npm icon doesn't inherit color

Created on 9 Jul 2018 · 8Comments · Source: ionic-team/ionicons

Npm icon always has a black color.

For some reason its SVG has and paths have classname .st0. I think it should be removed.

<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 
  <style>.st0{fill:#010101}</style>
  <path class="st0" d="M227.6 213.1H256v57.1h-28.4z"></path>
  <path class="st0" d="M0 156v171.4h142.2V356H256v-28.6h256V156H0zm142.2 142.9h-28.4v-85.7H85.3v85.7H28.4V184.6h113.8v114.3zm142.2 0h-56.9v28.6h-56.9V184.6h113.8v114.3zm199.2 0h-28.4v-85.7h-28.4v85.7h-28.4v-85.7H370v85.7h-56.9V184.6h170.7v114.3z"></path>
</svg>

P.S. I can fix it.

bug

Source

lesha1201

Most helpful comment

Same for the journal icon

danielehrhardt on 15 Jul 2018

👍2

All 8 comments

Same for the journal icon

danielehrhardt on 15 Jul 2018

👍2

@bensperry
I can confirm this.
Building an icon display component.
Ref: https://aesvg.adaept.com
Ref: https://github.com/peterennis/ae-svg-components
SVG in journal is not ionic 4 friendly (path.st0 ?)
capture357
capture358
SVG in npm is not ionic 4 friendly (path.st0 ?)
capture359

peterennis on 29 Jul 2018

Very strange! Might need to pull in @kevinports or @adamdbradley for this one. We do some svg magnification before publishing these, so perhaps something got messed up?