3

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by hand.

enter image description here

If there is a way to order them automatically, I'll be much appreciated.

3 Answers 3

4

If your icons are grouped (i.e. each icon is a group separate from the rest), you can just select all icons and arrange them with the make grid command (arrange-->make grid ) there you can choose the numer of rows and columns and the spacing you want between icons.

See a more detailed make grid example.

1
  • 1
    One thing to note, if you do have your svgs arranged by name in the folder, and then select all and drag in, when you make the grid, it will keep them in the proper order.
    – CU3ED
    Feb 19, 2018 at 5:57
2

You could import your SVGs to the IcoMoon app to generate a sprite (in SVG) to open in Sketch.

After importing your SVGs, press the "Generate SVG..." button at the bottom left corner. Press "Preferences" and check "Include Tiles (CSS Sprite)" and download your set.

1

As of 2018, there's a plugin to do exactly what you want. Takes a bunch of external SVGs, and places them each in an artboard, arranged in a grid. will even add a mask & color fill if you want to do symbol overrides. The plugin is the Sketch Icons plugin (detailed instructions here).

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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