Share Icon

[nico-heinrich]

Dear heros,

first of all, I love and use your icons — thanks for creating and sharing them!

Now, I use your share icon in my app and I felt the need to move it .1rem to the left. Is there a reason why it is so off to the right?

Cheers,

Nico

[zefir-git]

It looks well aligned to me.

[reinink]

@nico-heinrich Hey! Glad you're enjoying Heroicons! 🤙

I just took a look at this icon, and it appears to be centered properly in all three versions:

Here's what it looks like in Figma:

So I suspect this must just be something to do with your particular implementation.

Hope that helps!

[nico-heinrich]

Thanks for the kind response!

You are right, the fact that I use it with fully rounded corners makes it look off. While the share icon is centered perfectly, it doesn't look centered because it is way "heavier" on the right. I now simply use a transform on the icon in this case.

Cheers,

Nico

[zefir-git]

Thanks for the kind response!

You are right, the fact that I use it with fully rounded corners makes it look off. While the share icon is centered perfectly, it doesn't look centered because it is way "heavier" on the right. I now simply use a transform on the icon in this case.

Cheers,

Nico

adding more padding and/or using a smaller icon can also reduce this effect/illusion when using a circle