: How to import SVG icons to Sketch so that they don't overlap and placed in order? I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files

@Chiappetta793

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

Vote Up Vote Down

@Lee3735518

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.

Vote Up Vote Down

@Angie364

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.

Vote Up Vote Down