bigbadbob2003 / flutter_tabler_icons

The Tabler Icons (https://github.com/tabler/tabler-icons) pack available as a set of Flutter Icons.
MIT License
20 stars 9 forks source link

Icons have a small offset #3

Closed Zazo032 closed 11 months ago

Zazo032 commented 3 years ago

When using an icon inside a CircleAvatar, TablerIcons have a small undesired offset compared to Material Design ones.

CircleAvatar(
  child: Icon(
    Icons.check,
    size: 24.0,
  ),
),

vs

CircleAvatar(
  child: Icon(
    TablerIcons.check,
    size: 24.0,
  ),
),
bigbadbob2003 commented 3 years ago

There is currently an open issue on the tabler-icons repository regarding this https://github.com/tabler/tabler-icons/issues/118 ideally it needs to be fixed there as any change here would have to be reverted in the future

bawantha commented 2 years ago

This is true,

bigbadbob2003 commented 1 year ago

This might be fixed it the latest version using tabler icons 2.23.0

Chaphasilor commented 8 months ago

Can confirm that the issue has been fixed :)

Xoshbin commented 6 months ago

I'm on the latest version, but the issue still persists.

Chaphasilor commented 6 months ago

Are you sure Flutter properly upgraded the package? And are all icons affected or only some?

Xoshbin commented 6 months ago

@Chaphasilor Sorry I wasn't expecting that fast reply, yes I just did a flutter clean, and all the Icons I'm using are affected like TablerIcons.arrow_big_up , TablerIcons.share .

I have to add padding to align it:

    Padding(
        padding: const EdgeInsets.only(bottom: 4.0),
        child: Icon(
             TablerIcons.arrow_big_up
        ),
    )
Chaphasilor commented 6 months ago

Hmm, I'm not the dev but maybe I can check later if I can reproduce the issue...

bigbadbob2003 commented 6 months ago

i can confirm there is an offset on those icons you mentioned.

However i just use the font file provided by Tabler icons so you will need to raise an issue there to get the TTF fixed https://github.com/tabler/tabler-icons

image