When shrinking a complex icon (say, "cloud upload with a progress arrow"), you have to murder your darlings. You keep the cloud. You keep the upward arrow. You sacrifice the outline of the cloud’s internal fluff. You merge the arrow into the cloud’s base. The result is a hybrid monster that looks wrong in isolation but reads perfectly in context. Beginners try to fill the 16x16 canvas. Experts leave it empty.
An icon is defined by the empty space around it. If you take a 32px icon and scale it down to 16px but leave it on a 44x44 touch target, it looks tiny and lost. Conversely, if you shrink the icon and shrink the touch target to 24x24, it looks crisp and dense. how to make icons smaller
Not thumbnails. Not the app grid on your phone. I’m talking about the workhorses—the toolbar glyphs, the status indicators, the inline action buttons that populate enterprise software, creative suites, and dashboards. When shrinking a complex icon (say, "cloud upload
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. You sacrifice the outline of the cloud’s internal fluff