Optimize SVG

[ValentinTh]

The icon wasn't showing all the details initially created (double ring + interrogation point, not showed)

[netlify[bot]]

✔️ Deploy Preview for azuriom ready!

🔨 Explore the source changes: fcaab71112d15eedb8e04cf80db547de3e4eed2a

🔍 Inspect the deploy log: https://app.netlify.com/sites/azuriom/deploys/614f7458887adf00080b170d

😎 Browse the preview: https://deploy-preview-9--azuriom.netlify.app

[MrMicky-FR]

Hi, can you send a screenshot of the issue, and also on which browser and platform this issue occurs ? Because it’s working fine for me, and using base64 inside a SVG file is not really clean and in this case it increase the file size by 3280% (1.78 kb -> 58.4 kb)

[ValentinTh]

My bad indeed. It's okay on chrome, not on SAFARI Version 12.1.1 (14607.2.6.1.1) MacOS https://prnt.sc/1tdbyjm

Regarding the SVG generation, I used PS included SVG generator, I have no clue on how to generate it differently. (If you have tips I'm listening ;) )

[MrMicky-FR]

I don’t use Photoshop but make sure to import the images as vectors (like SVG)

[MrMicky-FR]

Hi @ValentinTh, I’m trying to find the issue, but as I don’t have a mac, could you please send me a screenshot with Safari v12 of the 3 images on this page https://jsfiddle.net/w5mna2ex/ ? Thanks

[ValentinTh]

Hi, https://prnt.sc/1tlbzmf

[MrMicky-FR]

Hi, thanks, well sometimes Safari is… interesting 🤔

I’ve updated with the SVG of the middle icon as it’s a good visual compromise and it prevent increasing massively the size of the file for everyone, with a benefit only for Safari v12 which is used by only less than 1% of users (and maybe v13, but looks like it’s fixed in v14)

(Also optimized an other icon while I was here)