Rules of creating buttons with icon

  1. The distance between the right and left icons are the same, the indentation between the icon and the test is also the same. Distance on the right is arbitrary but not less than a from the left.
  2. Icon with text is centered. Distance the right and left are the same.
  3. The icon is aligned on the left edge.The text is centered.
  4. Separate button. The icon is separated by a line, the distance from the left and the right are the same and the text is also the same. A derogation from the right of text is arbitrary but not less than a derogation from the left.
  5. The icon remains as in the previous version, the text aligns in the center.