Skip to main content
XCSIV
Participant
May 29, 2020 9:51 AM UTC
Question

Resizing Icons does not work properly

 Hello together,

 

I turned responsive resize off, but I can not resize my images properly. When downscaling them, the thickness of the plus icon strokes remains and destroys the icon. (See the attached screenshot, the left one was the original). Shadows seem to make the same problem.

 

Thanks a lot for every help!

 

EDIT: When I create a component the effect gets even weirder.

 

    This topic is closed to new replies. Start a new post to keep the conversation going.

    4 replies

    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity Expert
    Community Expert
    May 29, 2020 1:20 PM UTC

    Am I understand right that it is bitmap not vector image? Or it has created in xd? Can you shere original image. thanks.

     

    1. If it is createdin Xd copy and paste it in Ai . resize and paste back into Xd. Do not forget to activate Scale Stroke&Effects in AI before editing 

    2. check  responsive resizing is active or not in XD? keep it off before rezsizing

     

    Translate
    XCSIVAuthor
    Participant
    May 29, 2020 10:07 PM UTC

    Hello Ares,

     

    thanks for your fast reply.

    - I created it in Illustrator and the effect is the same if I export it as .svg or .ai and import this to Adobe XD.

    - Responsive Resizing is off, thats why the screenshot captures the right panel too.

     

    The file is basically a circle + dropshadow + 2 crossing lines with a few px stroke forming the Plus icon. (as mentioned created in AI)

     

    I hope you or somebody other can help me...that effect causes many problems because I want to use the icon in multiple sizes and it can't be, that I have to use a png version instead to have no problems...that would be pretty poor...

     

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices