Skip to content

Some icon SVGs have padding #181

Description

@ceisipeik

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

  1. Go to the storybook and open Button WithIcon Small story [Angular > Button > With Icon Small]
  2. In the Controls panel change the Icon name to check
  3. The icon appears noticeably smaller in the button than a previously selected add icon

Screenshot

Screenshot 2023-09-20 at 10 02 21

Package

Icons

Version

1.10.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions