I saw something in material design guidelines that bothers me - the way how the icons are aligned to global margins: The alignment is related to the icon box and not the icon itself, for example: https://material.google.com/layout/structure.html#structure-app-bar in metrics section and hamburger button.
Within app bar, if I create icon with 24x24 dp area for it and icon centered inside then I align that square to left margin of screen (16dp) the icon itself is not aligned to that margin.
The problem is when I have a list (with text or anything else) the difference is visible.
How the alignment should be technically correct for development?
Should I align icon edge and text to global (16dp) margin (making the icon aligned to left in its square when preparing android assets) or align text to start of the icon making the text not aligned to global margin?
...or the icon edge in that "centered" square should be aligned to global margin and its square would be not aligned to that margin making it closer to the screen edge?