Put your icons in a dense table with 1,000 rows. Scroll rapidly. Does the interface strobe? Do the icons appear to vibrate? That is caused by inconsistent alignment or anti-aliasing artifacts. The fix is to snap every critical corner to a whole pixel (not a half pixel). The Verdict: Less is a Burden In an era of infinite resolution, making icons smaller is a radical act of efficiency. It is a rejection of the idea that bigger UI is friendlier UI. For the power user—the video editor with 50 tracks, the stock trader with 20 charts, the coder with 3 sidebars—small icons are oxygen. They return agency to the user, packing power into every square millimeter.
Making an icon smaller isn't a matter of selecting all and dragging a corner handle. That path leads to a pixelated, illegible mess. It is a discipline of reduction, of optical engineering, and of brutal prioritization. To shrink an icon is to ask: What is the absolute minimum visual information required to trigger recognition? how to make icons smaller
Here is the blueprint. The first thing you hit is physics. Most modern UI icons live happily at 24x24 pixels. At this size, you have room for a stroke, a counter (the hole in an 'O' or a folder), and a subtle drop shadow. But when you cross the Rubicon down to 16x16—the sacred size of browser tabs, window controls, and dense data tables—you enter a zone of cruelty. Put your icons in a dense table with 1,000 rows
Step back from your monitor three feet. Squint your eyes until the screen blurs. Can you still distinguish the trash can from the settings gear? If yes, you have achieved pure silhouette. If no, the icon is too complex. Do the icons appear to vibrate
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.
