Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
(+1)

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

(+1)

interesting I'll check that out. I used a stylus to draw over an old design. So everything is a stroke. I'll see if there's a way to group em up without it doing anything odd to the shapes. I use Affinity designer (and never really picked up Adobe illustrator so this side of design is new to me!)

(1 edit) (+3)

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