Basically, the Icon is too small when I used an SVG file (no spaces at all for icon). Also the themes change but I wanted to retain the previous theme.
Hello @srobles-iress
For the icon, what was the image size of the svg, (like pixel x pixel)? Also, for the colours did you make any changes to the theme settings like the global navigation colours?
For the colors, I did not change anything.. By default it will be either one color only I think? Please correct me if I am wrong.
As for the pixel size, I asked ChatGPT to confirm, and it is “576x512 unless scaled otherwise”
here is the SVG logo (home icon for font-awesome)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z" fill="hsl(206, 100%, 35%)" /></svg>
Hello @srobles-iress
Based on what I have seen, I’m not sure if there is a way to avoid the colours being changed when you update the branding settings. I would recommend trying to manually reset the colours when you adding your icon image.
As for the icon, I would try just up-sizing the image size to see if that helps increase it on the page.
I tried upsizing image, even using PNG, but it does not seem to get any bigger.
I even tried QS logo itself (downloaded SVG) and it also became small
Here is SVG text: (even if I change the width and height to 100px it still appears as a tiny icon defaulting to 18px)
<svg class="icon-quick-sight" fill="currentColor" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" style="padding: 0px; width: 30px; height: 30px;"><path d="M37 9L20 26V12L3 29V3h34M1.746 0A1.758 1.758 0 0 0 0 1.743v36.51c.004.96.787 1.742 1.743 1.747h36.51A1.759 1.759 0 0 0 40 38.258V1.746A1.759 1.759 0 0 0 38.257 0H1.746z" fill-rule="evenodd"></path></svg>