Ask DN: Examples of icon grids?

7 years ago from , UX designer

I'm tempted to start making an custom icon set for the company that I work for. The rather newly founded UX team that I'm a part of has started to build a pattern library and a style guide and I'd like to include a set of rules and guides for drawing icons. That'll make my job easier getting started but also guide future designers to add icons to the company style guide.

So, I'm looking for inspiration, tips and tricks when it comes to creating and using an icon grid. Apples iOS7 icon grid is an obvious one to look at, but are there any other good ones out there?


  • Garrett GroszkoGarrett Groszko, 7 years ago (edited 7 years ago )

    David gave a good link.

    I basically like to do the same thing as well. Keeping same width, or height or both. Most of the time you'll know which way to go based on where your icons live in the app or wherever they are being used.

    In the beginning of the process, I like to make a book with each page having a layout of 4 icons down and 3 across. This gives plenty of room to write, sketch on the paper and make comments when I print everything out for critique. Then narrow it all down and add another column and row of icons for final.

    1 point
  • David BroderickDavid Broderick, 7 years ago (edited 7 years ago )

    This kind of helped me a little while ago when I was looking for similar stuff: http://www.creativebloq.com/branding/design-dynamic-icon-based-identity-4132726

    Overall, I normally make sure all the icons are the same height or width, or both, and try to optically maintain the same corner radius, stroke, figure/ground balance, etc.

    1 point