md-icon used with addSvgIconSetInNamespace and <symbol> are invisible

[adamdport]

Md-icons loaded using addSvgIconSetInNamespace appear in the DOM but are not visible. I suspect this is because the <symbol> tags are included, which will not be rendered without the <use> tag.

a symbol element itself is not rendered. Only instances of a symbol element (i.e., a reference to a symbol by a element) are rendered.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol

I made a plunkr to demonstrate the issue: https://plnkr.co/edit/KYyfI0uBq2GYM2ElC1k3?p=preview

[adamdport]

After referencing the docs, I've managed to make it work by modifying my svg file to include a <defs> tag and renamed all my <symbol> tags to <svg>.

https://plnkr.co/edit/jHtKsmqrXXxoVF8tJhNb?p=preview

Is there any plan to support both formats?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}