• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Apr 05, 2023 Apr 05, 2023

Copy link to clipboard

Copied

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)?

TOPICS
Import and export

Views

211

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Apr 06, 2023 Apr 06, 2023

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines