To create a custom icon, it must be in the vector SVG format. You can generate an SVG from Illustrator and just make sure all strokes are converted to paths.  The icons only use a single fill color so multi color SVGs just need to be imported like an image into the media library.  There are also a lot of free icons provided in SVG format like:

Once you have a single color SVG with only fills, then we recommend minimizing it by dragging the SVG into this free online tool, the SVGOMG editor.


Turn on all of the settings except “Prettify code” and “Remove viewBox” and then click the “CODE” tab at the top.  This will show you the tiny code to make the icon, select it and copy.


Go into Showit and paste the code into the custom SVG box and you are good to go!

Learn more about Showit 5

Get Help for Showit Desktop

Showit 5 is a completely reinvented drag-and-drop web design app for the modern world. If you need help with Showit Desktop, check out the Showit Desktop support page.