How to fix an icon that doesn’t appear or shows a different one than you uploaded?

You upload an icon in EComposer, but it either doesn’t show up or a different icon, with another color and other details, appears in its place. This usually comes down to two things: the size of the icon and the amount of code inside the SVG file, since EComposer reads that code directly from the file you upload. The fix is quick: resize the icon, then upload it again.

1. Resize your icon

A free online tool is all you need to make the icon smaller. It only takes a minute.

Step 1: Open the Resize SVG tool on iLoveIMG and click Select images to choose your icon file.

Step 2: Under Resize options, pick By pixels or By percentage and enter a smaller size. Keep Maintain aspect ratio checked so the icon doesn’t get stretched.

Step 3: Click Resize IMAGES, then click Download resized IMAGES to save the new SVG file to your computer.

2. Re-upload the new icon in EComposer

Now bring the resized icon back into the editor so it replaces the old one.

Step 1: Click the element that uses the icon on the canvas (we’re using a Button here). Then, in the Content tab, click the pencil icon next to Icon to open the Select icon window.

Step 2: Open the Uploaded tab and click Upload to choose the resized file from your computer. Once the new icon shows up in the list, click it and then click Select to apply it.

Only SVG files can be uploaded in the Uploaded tab, so make sure you download the resized icon as an SVG.