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?
-
2Hi. 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 KerrMay 13, 2020 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.– ManghudMay 14, 2020 at 6:57
-
You can share a file using Dropbox, Adobe Cloud or similar file sharing applications, and post the link here.– Billy KerrMay 14, 2020 at 8:08
-
@BillyKerr: the file is uploaded here shared-assets.adobe.com/link/…– ManghudMay 14, 2020 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 KerrMay 14, 2020 at 8:28
|
Show 2 more comments
3 Answers
Here are two ways you could do it. Import the SVG into XD, and do one of the following.
- Group it using Ctrl+G, then click and drag to rescale
or alternatively
- 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.
answered May 14, 2020 at 8:43
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.