What happened?
Some icon SVGs have extra padding. This makes sizing the icons inconsistent.
Icons with extra padding in the svg:
- action
- arrow-down-alt
- arrow-drop-down
- arrow-drop-up
- arrow-up-alt
- call
- check
- check-circle-outline
- content-copy
- email
- error-outline
- exit-to-app
- filter
- happy-face
- help-outline
- info
- location
- open-in-new
- outline-circle-xmark
- priority-hight
- sad-face
- sort
- success
- warning-amber
Reproduction steps
- Go to the storybook and open Button WithIcon Small story [Angular > Button > With Icon Small]
- In the Controls panel change the Icon name to
check
- The icon appears noticeably smaller in the button than a previously selected
add icon
Screenshot
Package
Icons
Version
1.10.1
What happened?
Some icon SVGs have extra padding. This makes sizing the icons inconsistent.
Icons with extra padding in the svg:
Reproduction steps
checkaddiconScreenshot
Package
Icons
Version
1.10.1