XF 2.2 Two-colored svg

[JoyFreak]

Is it possible to have two colours in an SVG? I currently have this https://www.joyfreak.com/styles/joyfreak/gaming-forum.svg

I wanted to have the "JOY" in grey as seen in the .png file: https://www.joyfreak.com/styles/joyfreak/gaming-forum.png

Any help would be appreciated!

 

[JoyFreak]

Hi, sorry to be annoying but the 512 icon isn't actually 512 but rather 507.

 

[Miri]

Then check the others too, it will have happened perhaps during optimization. In any case, you can create your icons with the size you want, in related svg files. You just need to export to PNG format and enter the size you want

 

[JoyFreak]

Then check the others too, it will have happened perhaps during optimization. In any case, you can create your icons with the size you want, in related svg files. You just need to export to PNG format and enter the size you wantView attachment 240493

That's awesome, thanks. I did just try export it as png format but it wasn't optimized. It came to 9kb but the one you've just posted here, is 2kb. How did you do that, for future reference? Thanks.

 

[Miri]

How did you do that, for future reference?

it's pure magic https://tinypng.com/

I also reload version 2 of your logos, because the previous one, I noticed, that the letter F, had the wrong color. Now it should be affixed.

 

[JoyFreak]

it's pure magic https://tinypng.com/

I also reload version 2 of your logos, because the previous one, I noticed, that the letter F, had the wrong color. Now it should be affixed.

Thank you very much. Although the .svg file still has the wrong F color.

 

[Miri]

Yes you are right. I oversaved without meaning to.

 

[JoyFreak]

Yes you are right. I oversaved without meaning to.

The file size is a lot bigger this time now. the .svg is almost 19kb as opposed to the previous one at 4kb.

 

[JoyFreak]

The file size is a lot bigger this time now. the .svg is almost 19kb as opposed to the previous one at 4kb.

I think I sorted it. I used this url to optimize it https://jakearchibald.github.io/svgomg/
I'd imagine it just needed optimizing.

 

[Miri]

Hello
I honestly didn't optimize it on purpose,
because optimized vector files,
if you have no experience with vector programs, you can't edit them. Because some metadata is missing.

Now I've uploaded you, the optimized svg logo, to upload to your site, and the logo with the original metadata.

Anyway, in my first post I already explained how to optimize svg logos.

 

[JoyFreak]

Hello
I honestly didn't optimize it on purpose,
because optimized vector files,
if you have no experience with vector programs, you can't edit them. Because some metadata is missing.

Now I've uploaded you, the optimized svg logo, to upload to your site, and the logo with the original metadata.

Anyway, in my first post I already explained how to optimize svg logos.

Thank you very much! I wasn't sure why it wasn't optimized, as the others were but thanks for clarifying that. I really appreciate the help! Many thanks.