Hi! I’m trying to update an icon in the Trust Icons section. I want to add a specific logo, but the colors aren’t displaying correctly. It’s an SVG file, and when I try using the ‘Image’ option, I’m unable to adjust the logo size. Thanks for the help!

Technical Q&A
, ,
1

I’ve adjusted the size for the SVG file but the logo color isn’t displaying correctly. Could you advise the best way to fix this?

3

HI @katR

This is a common issue where resizing an SVG file strips its internal color data, causing it to default to black because the browser doesn’t know what color to render.

To fix this, the most reliable method is to edit the code directly. Open your SVG file on your computer using a plain text editor like Notepad or TextEdit. Look for the fill attribute inside the code tags (usually starting with <path> or <g>). If it is missing or set to a black hex code like #000000, change it to your brand’s specific hex color (e.g., fill="#FF5733") and save the file before re-uploading.

Hope this helps!

5

Hi,

Hope this will help

  • SVG color issues usually come from currentColor or theme CSS overrides
  • Hardcoding fill value inside the SVG fixes color problems
  • Shopify often limits SVG resizing when used as an image
  • Removing width or height and using a proper viewBox helps with scaling