Best practice for Icon grid

Hey, I hope I find you well.

As far as I know when designing icons, these grids are meant for placing elements or reaching certain sizes in order to maintain a structure among the icon library. However, many grids lie upon the need of a square grid, every square with the size of 1px. The real thing is using this grid (the square one) to build your icon and using the other method as a form of keeping track of coherence in your design.

For the grid, be sure if the units are even or odd. I mean, if you’re going to work using 24 x 24 px (even) or odd sizes. I remember, Google Material advised using even units in order to match with the 8 px grid but it depends on yor design and way of your work.

Don’t buid a system that constraints your needs to design. Be functional but have the ability to bend your system in order to achieve your goals. Also, if you’re working for a brand, aim for having an unified look and feel. It doesn’t need to be using 100% pieces of isotype or logo; but having characteristics that relates icon to the brand.

Hope you have a nice day.

if you need anything, please reach at ilustracionlino@gmail.com

Also, not every icon needs to be on a square grid. It depends of the use and needs of you or your client for using the icon library. For the text and padding, maybe it varies because you used a 8 pt grid and later a 8px grid. However, eye rules over all so try to place elements in order to keep a balanced design.