Tips for Designing SVG Icons

Preserving Transparency in Enclosed Spaces
Ladder%202 this ladder icon has enclosed spaces which maintain their transparency because they’re created by having the sides of the ladder on a separate layer from the steps of the ladder. This can be a useful strategy for trying to preserve transparency so that if you place an icon on a background node that changes (e.g. the trigger node) you will have a stable icon whereas for static nodes like the middle of knobs this isn’t an issue as the background remains black.

3 Likes