White padding

[arcanis]

I see the document mentions that icons should have no white padding, but then what's the recommended way to display the icons in a standardized box while keeping relative sizes from one set to another?

Icons are neither the same width nor height, so using them in a fixed-location seems to require either positioning them in the middle of some fixed size container (which at least requires to know the max width / height of the icon set), or preprocessing the icons to make them the exact same size.

[arcanis]

Interestingly the icons don't have proper relative sizes between one another, so none of the proposed workaround actually work - for instance PIP/WM is 2590x2980, whereas RAV/WM is only 521x868. Even omitting PIP which is the worst offender, other icons have similar issues: ONE/WM is defined in a 150x150 viewbox.

[Investigamer]

Most icons are sourced from CCGHQ where a variety of people created them over the years, some are quite old. Newer ones were created by people in our discord community (including myself). The main catalog of symbols will lack uniform standards to a degree and are not modified for things like formatting, viewbox, etc they are more or less preserved in their original state except for cases where there is a clear error like color, broken file, etc.

The ones you should expect to be more or less uniform are the ones located in /svg/optimized. An action is routinely executed to optimize the entire catalog and save the results to this directory, the current optimization pipeline uses Inkscape to normalize the SVG files and remove margin space, then uses SVGO to do additional post processing to further standardize, optimize, compress/minify, etc the SVG files. I don't remember entirely how the viewbox is affected by this but my understanding is in web technologies the viewbox and hardcoded dimensions are just guidelines that are more or less trivial to manipulate in the JS world right?