Drawing Simple Icons That Still Read Small
How to draw simple icons that stay recognisable when small, with even strokes, clear gaps and a real-size test.
An icon is a small drawing that has to survive being tiny. A clever sketch at the size of your hand often turns into a blot when it is used as a symbol on a page. The remedy is not more detail. It is fewer shapes, a consistent weight of line, and a test at the size the icon will actually be.
One idea, two or three shapes
Decide the single thing the icon must say: a brush, a book, a place, a warning. If the idea needs a sentence, it is not an icon yet. Build it from two or three familiar shapes. A circle, a rectangle and a line will describe more objects than a portrait of every part. The moment you add a second metaphor, a brush plus a star plus a banner, the mark stops reading at small size.
Draw it big, so your hand is comfortable, but judge it small. Scale: Letting One Element Clearly Lead is the page-level version of the same choice. Inside the icon, one shape should still dominate. A handle as large as the brush head, plus a highlight, plus a shadow, plus a label, is a poster squeezed into a stamp.
Stroke, gap and optical size
Keep the stroke weight even, unless a thicker part is the whole point of the symbol. Hairlines vanish when the icon shrinks. Gaps vanish too. Two shapes that nearly touch will merge into one blob. Leave a gap you can see when the icon is the size of a fingernail.
Squares look larger than circles of the same measured height. Crossbars in letter-like forms often need to sit slightly above the true centre or they look low. These are optical corrections, and you make them by eye, not by a formula. Draw the circle a touch larger than the square beside it, then squint. Contrast in Size, Weight and Texture is what you are protecting: a clear difference between mark and gap.
Test it in the real place
Put the icon next to a word, at the size it will be printed or shown, in black on white before you try it in colour. If you cannot name the object, remove a detail and test again. Colour should not be required for recognition. A red circle that only means something because it is red will fail in one-colour printing.
Align the icon to the same baseline logic as the type beside it. A symbol that sits optically too high looks like a mistake even when the measurements match. Pairing Typefaces Simply will not fix a ragged row of symbols, but a simple page of type will show you the misalignment at once.
A sheet of the same weight
Draw six icons for one project on one sheet, same stroke, same corner softness, same amount of fill. The set should look like one hand. If one icon is a detailed engraving and the next is a geometric blot, the set is two projects. Simplify the detailed one rather than decorating the simple one.
Then print the sheet. Screens sharpen small lines in a way paper does not. The version on paper is the honest test for anything you will hold. Correct the merges, and stop adding personality. Personality in an icon is consistency, seen at a glance.
Frequently asked questions
Do icons need a grid? A light grid helps keep heights and stroke widths related. It should not force a symbol into an awkward geometry. Break the grid by a small amount when a circle looks small, then keep that correction in the rest of the set.
Is a filled icon clearer than an outline? At very small sizes, a simple fill often reads faster than an outline with a thin gap. Try both at the real size. Keep the one a stranger names correctly.
Can I trace a photograph? You can start from one, then reduce it to shapes. A traced photo keeps accidental details that will not survive. Redraw the idea, do not shrink the portrait.