How to export and SVG with only one path?

  1. Make sure the image is formatted correctly. All images for icons should have the same dimensions of 24 x 24px for consistency. Moreover, the images should be in black and white, with a clear boundary between what is the icon and what is the background.
  2. Export the image as an image .png with Sketch at 10x. I want all my paths within a 24px box. so the image should be within a 240px box.
  1. Import your new .png file into Gimp.
  2. Using the magic wand select the black areas. If there are separate entities within the icon, press the shift key.
  3. Go to the “Select” dropdown menu and run the “ToPath” function at the bottom.
Finally, I can consistently create an SVG icon with a single path.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store