How To Make Icons Smaller ((top)) Now

The modern "compact" mode (seen in Notion’s sidebar or Visual Studio Code’s "Zen" mode) works because the icon shrinks in proportion to the row height. The ratio of icon size to background remains 1:3. How do you know if you succeeded? Two tests.

We live in an age of maximalist screens. 4K, 5K, and 8K panels pack millions of pixels into spaces once dominated by chunky CRT displays. Toolbars are getting taller, padding is getting thicker, and design systems are preaching the gospel of "breathing room." So, it might sound counterintuitive, even heretical, to ask: How do we make icons smaller? how to make icons smaller

So, the next time you reach for the corner handle to resize an SVG, stop. Delete the detail. Blow out the negative space. Embrace the blur. The modern "compact" mode (seen in Notion’s sidebar