Using SVG icons from Material UI - they become very large when dropped in XD

[mothander]

If I download an icon (as svg) from the Material UI library, for example this one:

https://fonts.google.com/icons?selected=Material+Symbols+Outlined:search:FILL@0;wght@400;GRAD@0;opsz...

and then drop it into Adobe XD, the size of the asset in XD becomes very large. In this example with the search icon, the asset becomes 720x720px large, even though the intended size is 24x24px. When opening the svg file in a web browser, it renders properly at 24x24px. It's hard to resize it in XD to match the optical size of the icon, usually you end up with blurry lines because the size is not perfect.

This is a relatively new issue, it used to work fine with this icon library, something has changed in the icons themselves (because old icons still work fine). I noticed the viewBox property looks different in the new icons, with values like "0 96 960 960". But even editing these values have no effect to the render in XD. 

This is driving me a little bit nuts, any ideas on how to solve this (Windows client)?

[HARSHIKA_VERMA]

Hi @mothander,

Thank you for reaching out and reporting the issue. I am able to replicate the issue on my end on the windows machine. I have logged a bug for the issue for further investigation.

We will keep you posted on the bug update.

Thanks,

Harshika

[ixian]

Did this get solved as its dring me nuts too?

[creative explorer]

@ixian if it's still giving you issues, likely the bug isn't fixed.