As shown in the following screen capture, some of the shapes in the icon are being spoiled when I try to resize it. How to get rid of such problem?

showing the icon got rough shape

  • 2
    Hi. Welcome to GDSE. How was the icon constructed? Are there path effects? Is the graphic grouped or not? What scale transform settings are you using? Can you maybe share the file? I noticed you tagged this with Illustrator, but your screen capture seems to be for AdobeXD.
    – Billy Kerr
    May 13 '20 at 14:22
  • @BillyKerr, the icon was constructed using illustrator. first of all I created WiFi icon and then on top of that, I created ellipse. I do not know about scale transformation as a naive designer. How can I share the file please? Yes, I am using this icon in adobe XD and there need to be scaled down as there is less space.
    – python
    May 14 '20 at 6:57
  • You can share a file using Dropbox, Adobe Cloud or similar file sharing applications, and post the link here.
    – Billy Kerr
    May 14 '20 at 8:08
  • @BillyKerr: the file is uploaded here shared-assets.adobe.com/link/…
    – python
    May 14 '20 at 8:22
  • I can't get to the file unfortunately, all I see is the rotating loading icon. Try SVGshare, it's free, no login required.
    – Billy Kerr
    May 14 '20 at 8:28

Here are two ways you could do it. Import the SVG into XD, and do one of the following.

  1. Group it using Ctrl+G, then click and drag to rescale

or alternatively

  1. Hold down Shift as you click and drag to rescale it

I tested these on your file and they work.

I also notice the circle under the WIFI waves is a path, and not an ellipse like the others. This seems to cause a bit of a problem when rescaling as the stroke rescales differently from the other ellipses. Perhaps you could replace that with an ellipse.

If you don't want any of the strokes to rescale when scaling up or down in XD, then when you made it in Illustrator you could have Expanded the strokes, and then grouped everything, before exporting the SVG.

  • thank you, @Billy Kerr. :)
    – python
    May 14 '20 at 9:08

It looks like this shape group was made with some sort of resize constraints on it. I would suggest to ungroup > remove those constraints > and regroup

also in most cases you can hold shift while resizing with the mouse to scale down proportionally.

more on adobe xd constraints here


It looks like you're using responsive resize. in some of the elements. Select the object, check on the sidebar if "Responsive Resize" is enabled and disable it. If it doesn't solve, some of the inner groups might have it enabled.

Alternatively, ungroup the whole thing and re-group again, making sure to not enable Responsive Resize again.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.