Using SVG icons from Material UI - they become very large when dropped in XD
If I download an icon (as svg) from the Material UI library, for example this one:
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)?
AdChoices