I used Inkscape (https://inkscape.org/ ) - where you can just select all the paths that make up each shape and then tell it to Union them together into one. You can download my SVG file and compare the two. Makes it obvious if you select View ⇾ Display Mode ⇾ Outline Overlay
duncanlock
2
Posts
1
Following
A member registered Feb 02, 2021
Recent community posts
These are a good idea and look great, thanks! I bought and downloaded the set and had a look at the SVGs - and while they look great, they contain lots of extra paths, inside the shapes. These can’t be seen visually, because they have fill but no outline - but they take up space in the SVG file - making the files roughly double the size they ought to be.
These look to me like they were traced from an original bitmap image - you usually get loads of extra nodes & paths in auto-traced vectors.
If you take hm_vertical_nobox_white.svg as an example, it’s 66,340 bytes (~64.8kb). If you edit this and remove the extraneous paths (union all paths in each shape), you get a visually identical image, that’s only 32,972 bytes (~32.3kb) - about half the file size. You can download this here: https://duncanlock.net/images/icons/hm_vertical_nobox_white-simplified.svg - and see them in use at the bottom of here: https://duncanlock.net/
Thanks! Dunc