ionicons
ionicons copied to clipboard
Can you expose a part="svg" for the SVG content
When using it with custom icons : <ion-icon src="assets/icons/wifi.svg"></ion-icon>
Because of the Shadow DOM we can't style at all the content of the SVG. Any custom SVG used is always a square because of the this css lines :
https://github.com/ionic-team/ionicons/blob/8c2a507fcff2cb5f2edff60357ffd7feb70bb987/src/components/icon/icon.css#L27-L34
By adding a part="svg" it would be possible to have more flexibility to style the SVG from the outside. In my case setting height to auto, but it could be to change the color of a specific path or anything else.
Please this is really needed
really needed!!!!!!!!!!!!!!!!!!!!!!!
Is there any update on this? It would be very useful for us as well
Same with me, exposing parts of the shadow dom would really make a differnce, at least for custom svg icons.