[Help] What is the difference between Live Area and Dense Live Area in Icon Design?



I’ve just read Icon Guideline from Material Design: https://material.io/design/iconography/system-icons.html#grid-keyline-shapes.

In Layout Section there’s the things called Live Area and Dense Live Area.

Should i design icon inside 20px X 20px area or inside 16px X 16px area?


The Dense Live Area is for dense layouts (when keyboard and mouse are the primary nav options). So… depends on your usecase.