Can you expose a part="svg" for the SVG content

[Mushr0000m]

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 :

ionicons/src/components/icon/icon.css

Lines 27 to 34 in 8c2a507

	.icon-inner,
	.ionicon,
	svg {
	display: block;
	height: 100%;
	width: 100%;
	}

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.

[tolutronics]

Please this is really needed

[masecho]

really needed！！！！！！！！！！！！！！！！！！！！！！！

[infomus]

Is there any update on this? It would be very useful for us as well

[m0n0mind]

Same with me, exposing parts of the shadow dom would really make a differnce, at least for custom svg icons.

[ionitron-bot]

This issue has been labeled as help wanted. This label is added to issues that we believe would be good for contributors.

If you'd like to work on this issue, please comment here letting us know that you would like to submit a pull request for it. This helps us to keep track of the pull request and make sure there isn't duplicated effort.

For a guide on how to create a pull request and test this project locally to see your changes, see our contributing documentation.

Thank you!