SVG Image Not Filling - Pls Advise

[ACPhillips]

I need to re-color the attached SVG file of a client logo. I can't get Designer to Fill the white with any other color.  I've searched and watched all kinds of tutorials, but none are addressing this.

I can grab the image and modify it with Styles and Effects.  What am I not doing properly?

Novice user here. Need some help here pls.  THANK YOU!

PSS LOGO w URL - WHITE - SVG.svg

[David in Яuislip]

it's a png image wrapped in an svg container not a vector file

<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 14011 14011" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<use id="PSS-URL-logo-white-transparent" xlink:href="#_Image1" x="0" y="0" width="2000px" height="2000px" transform="matrix(7.00527,0,0,7.00527,0,0)"/>
<defs><image id="_Image1" width="2000px" height="2000px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB.....etc

So all you can do is rasterise the layer then use a paint brush or flood fill but it'll still be a bitmap. Personally I'd trace it with Inkscape and do it properly

[Gnobelix]

Hello @ACPhillips,

I would draw a rectangle on and fill it with the faber of choice.
Then nest the SVG file with the rectangle.

I do not know if there are other methods.

cheers

PSS LOGO w URL - WHITE - SVG.afdesign

[David in Яuislip]

Here's a quick scan

PSS LOGOvector.svg

[Alfred]

1 hour ago, ACPhillips said:

I need to re-color the attached SVG file of a client logo. I can't get Designer to Fill the white with any other color.

Affinity Designer offers a ‘Recolour’ adjustment.

PSSUSA-dot-org.afdesign

[v_kyr]

3 hours ago, ACPhillips said:

I need to re-color the attached SVG file of a client logo. I can't get Designer to Fill the white with any other color.  I've searched and watched all kinds of tutorials, but none are addressing this.

I can grab the image and modify it with Styles and Effects.  What am I not doing properly?

Well you have to notice that it is a bitmap/raster image embedded into a SVG file. If you open that in Designer it's layer will say (Image) {in german (Bild) called}. From that you know in Designer that it is an image layer and thus an embedded raster/bitmap based logo. - Or you can open the SVG file with a plain text editor, then you will see too in the SVG code shown in the editor that it is an embedded base64 encoded image which is placed there inside and no plain vectors at all. - See therefor what @David in Яuislipshowed above in his first post!

Now since that is an image layer and no vectors, you can in Designer rasterize that (Image) layer so it get's an (Pixel) layer. Afterwards you can switch into Designer's Pixel Persona (for raster/bitmap/pixel work) and manipulate the pixel color fillings there.

However, since dealing with raster/bitmap images for logos isn't usually what we want here for logos (...they don't scale up and down size wise that nicely without rasterization and also aren't sometimes that easily to be changed color wise), what you instead preferable want is VECTORS. So if you look at @David in Яuislipsecond posting, you will see a vectorized version of that logo (traced with a bitmap-to-vector tool like Inkscape), which then rebuild the whole image as graphics vectors.

You should use that vector version in the Designer Persona (the vector persona) and apply pure vector manipulations instead (like changing stroke/fill colors etc.).