Affinity Designer: Inconsistency in the interpretation of SVG files

[Pyanepsion]

v. 2.2.0.1903 and older.

Hello everyone,

https://fr.wikipedia.org/wiki/Fichier:FRANCE24.svg

This problem concerns the import of SVG files (here from Wikipedia) by Affinity Designer. The software adds black and blue colours that are not present in the original file and make the file structure more complex.

To reproduce this problem:

1. Download the attached SVG file from Wikipedia.
2. Open this file with Affinity Designer.
3. You will see the unexpected black and blue colours and a more complex file structure.

A workaround is to load the file into InkScape, ungroup everything several times and then paste it into Affinity Designer.

[Hangman]

Hi @Pyanepsion,

I believe the reason you are not seeing the colours as expected for this particular SVG file is because it's styled using CSS which Affinity Software doesn't currently support...

       <svg id="/media/FRANCE24.svg" data-name="Calque 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.3 159.62">
           <defs>
               <style>
                   .cls-1,
                   .cls-2 {
                       fill: #fff;
                   }

                   .cls-2 {
                       fill-rule: evenodd;
                   }

                   .cls-3 {
                       fill: #29b1e6;
                   }
               </style>
           </defs>

The blue shown, i.e., #29B1E6 is actually correct but Affinity Designer isn't picking up the white fill #FFF

[Chris B]

Hangman is correct. We do have a bug report for this so I'll add your feedback.