Ensure icon stroke widths and styles match the geometry and weight of your chosen typeface.
Stroke style defines the "voice" of the icon. A thick, rounded stroke feels friendly and informal, while a thin, sharp stroke feels precise and elegant. Matching the stroke to your typography creates a harmonious visual language.
Adjust the stroke properties to see how they change the character of the icon.
The thickness of the line. Should match the stroke width of the font at the same size.
The ends of the strokes (Butt, Round, Square). Round is friendlier, square is more technical.
How lines connect (Miter, Round, Bevel). Affects the sharpness of corners.
The roundness of shapes. Consistent radii make the set feel cohesive.
Does the icon weight feel similar to the text weight?
Decide if strokes scale with size or remain fixed (usually scale for illustration, fixed for system icons).
Ensure strokes align to the pixel grid to avoid blurriness.