For an in-depth tutorial on creating consistent icon sets, check out our blog post - Better Icon Design in 6 Easy Steps

Keeping a consistent style across icons in an icon set, is critical for the value of the set as a whole. When the style is inconsistent, it becomes difficult for the users to use the icons together and create a great looking design. Keep a close eye on line widths, gradients, gloss, textures, labels etc. The critical areas to get right are:

Strokes

Stroke width is important to keep consistent to achieve a professional look of your icons. You should be careful about using too thin lines since many users will use your icons in small sizes e.g. in a mobile app. Thin lines will disappear when scaled down. Pick line-widths that are visible even when the icon is scaled down.

Effects

If you use effects such as shadows, gradients and gloss, make sure that these are used consistently.

Shapes

If you're using a shapes behind your icons, make sure that all of them are having the same shape behind, having different ones like: squares, circles, triangles etc. will not look consistant an might be rejected for that reason

Sizes

Visual size of the icons should be consistent. It’s not enough to make sure the icons all have the same height and width in pixel. Some icons might have are larger area e.g. a house icon, compared to a plus sign. These two icons would appear in different sizes even though they have the same height and width in pixel. To adjust the sizes of your icons your should view them all together in an overview and try to spot the icons that stand out and scale them until no icons stand out.

Design Styles

The design style within a given set should be consistent among all icons in the set. For instance, if your set is outline style, then all icons in the set should be outline style. Do not mix glyph, flat, or 3D icons in an outline set. By the same token, if your set is a glyph icon set, do not mix flat, outline, skeuomorphic, cartoon, etc styles with a glyph set. Our review team will send sets with inconsistent design styles, background, shapes, or background colors back to you with a request to make the consistent.

Good examples of consistent icon sets: Picons Essentials, Streamline or Gifts

Did this answer your question?