Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TikTokLogoFill Icon has extra padding on the right #10

Closed
pr-1 opened this issue Feb 28, 2022 · 3 comments
Closed

TikTokLogoFill Icon has extra padding on the right #10

pr-1 opened this issue Feb 28, 2022 · 3 comments

Comments

@pr-1
Copy link

pr-1 commented Feb 28, 2022

I am using phosphor icons in one of my projects and the tiktok filled icon has extra padding on the right.

Code ->

CircleAvatar(
                    backgroundColor: Colors.black,
                    child: Icon(PhosphorIcons.tiktokLogoFill, color: Colors.white,),
                  )

WhatsApp Image 2022-02-28 at 11 00 45 AM

When I use same thing with any other icon it gives exact results

CircleAvatar(
                    backgroundColor: Colors.black,
                    child: Icon(PhosphorIcons.tiktokLogo, color: Colors.white,),
                  )

WhatsApp Image 2022-02-28 at 11 00 57 AM
Can you please check this out and let me know how to fix this ? Would be happy to open a PR

@pr-1
Copy link
Author

pr-1 commented Feb 28, 2022

@rektdeckard Thanks for the great Icon set 🔥. Can you have a look at this ?

@rektdeckard
Copy link
Member

Appears to be same root cause as https://github.com/phosphor-icons/phosphor-home/issues/103, using regions of Unicode reserved for special characters. Fix there will fix in flutter package as well.

@rektdeckard
Copy link
Member

Fixed in 2.0.0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants