Custom SVG logo symbol upload

01Video transcript

Hi, my name is Saskia. In this tutorial, I want to show you how to upload your own custom logo symbol SVG file in Mojomox.

If you already have an SVG ready, just open the Logo Symbol panel in the gray sidebar and click "Upload SVG file" underneath the symbols.

If you'd rather start from one of our symbols and modify it, select one as a baseline and download the full SVG logo. It takes about 10 seconds.

02Opening the SVG file

Open the downloaded file in a vector program — I'm using Illustrator. It usually comes on a paper-sized artboard; you can edit the artboard if you like, but it won't affect the actual SVG output.

Delete the text letters since we only want to edit the symbol.

03Making changes to the symbol

Let's say you want a different color: copy the shape, paste in place, and pick a lighter color from your palette. Make the rest of the symbol slightly darker so it stands out. Group everything with Command G.

04Exporting the final SVG

Use the Asset Export panel, highlight your group, click the + symbol. Rename it, make sure the format is SVG (not PNG), and click Export.

05Uploading & scaling

Go back to the logo maker and use the "Upload SVG file" button. Your custom symbol will appear — it may be a bit larger than expected, so scale it down using the Scale slider. Adjust the Y position if needed.

One important note: once an SVG is uploaded, you can change its size and position but not its colors inside Mojomox. Color changes need to be made in your vector program before uploading.

You can download the final SVG again any time you need it. Thanks for watching!

If you have questions — send me a note at saskia@mojomox.com.