github-starred/android
2
0
Fork 0
mirror of https://github.com/bitwarden/android.git synced 2026-05-07 11:29:37 -05:00
Code Issues 1.1k Packages Projects Releases 122 Wiki Activity

Android Adaptive Icon Slightly Misaligned #676

New Issue
Closed
opened 2025-11-26 22:25:33 -06:00 by GiteaMirror · 5 comments
GiteaMirror commented 2025-11-26 22:25:33 -06:00
Owner
Copy Link

Originally created by @simondemartini on GitHub (Nov 17, 2018).

The Android app's adaptive icon is not centered when used in a circle. For example on my Google Pixel which uses the circle variation looks like:
index-cropped

I'm not a designer, but the top two corners of the shield icon look like they're too close to the edge of the circle frame. It would look better to me for the shield icon to be a little smaller and more centered so the spacing around it is even.

Originally created by @simondemartini on GitHub (Nov 17, 2018). The Android app's adaptive icon is not centered when used in a circle. For example on my Google Pixel which uses the circle variation looks like: ![index-cropped](https://user-images.githubusercontent.com/279847/48666359-a8914a00-ea74-11e8-962a-61aeaf8a6404.png) I'm not a designer, but the top two corners of the shield icon look like they're too close to the edge of the circle frame. It would look better to me for the shield icon to be a little smaller and more centered so the spacing around it is even.
GiteaMirror commented 2025-11-26 22:25:34 -06:00
Author
Owner
Copy Link

@kspearrin commented on GitHub (Nov 18, 2018):

It is actually center aligned properly. What you're seeing is an illusion created by the shape of the icon, making it seem like it is off-center.

image

@kspearrin commented on GitHub (Nov 18, 2018): It is actually center aligned properly. What you're seeing is an illusion created by the shape of the icon, making it seem like it is off-center. ![image](https://user-images.githubusercontent.com/1190944/48672634-6c0e2e80-eb06-11e8-9206-853a4292e03f.png)
GiteaMirror commented 2025-11-26 22:25:34 -06:00
Author
Owner
Copy Link

@simondemartini commented on GitHub (Nov 18, 2018):

While it may be technically centered, I think we could compensate for that illusion of misalignment by either moving the shield down a little. Or we might be able to decrease the size of the shield so there is more padding between the top corners of the shield and the edges of the circle.

Here's a (very rough) idea of a lowered and slightly smaller shield to be more visually centered:
lowered

@simondemartini commented on GitHub (Nov 18, 2018): While it may be technically centered, I think we could compensate for that illusion of misalignment by either moving the shield down a little. Or we might be able to decrease the size of the shield so there is more padding between the top corners of the shield and the edges of the circle. Here's a (very rough) idea of a lowered and slightly smaller shield to be more visually centered: ![lowered](https://user-images.githubusercontent.com/279847/48675261-9e6e5a80-eb0b-11e8-88ad-a980a091d5af.png)
GiteaMirror commented 2025-11-26 22:25:34 -06:00
Author
Owner
Copy Link

@Sotilrac commented on GitHub (Feb 9, 2019):

Thanks @simondemartini to bring up this issue. The visually aligned version looks indeed very nice.

I was showing the app to some people (I recently adopted it), and got some feedback about it "looking like malware" because of this misalignment.

If it's welcome, I'll do a PR to help with this.

@Sotilrac commented on GitHub (Feb 9, 2019): Thanks @simondemartini to bring up this issue. The visually aligned version looks indeed very nice. I was showing the app to some people (I recently adopted it), and got some feedback about it "looking like malware" because of this _misalignment_. If it's welcome, I'll do a PR to help with this.
GiteaMirror commented 2025-11-26 22:25:34 -06:00
Author
Owner
Copy Link

@Good2G commented on GitHub (Jan 30, 2021):

keyimage

@Good2G commented on GitHub (Jan 30, 2021): [key](put://tosdr.org/en/service/418)![image](https://user-images.githubusercontent.com/77222361/106362529-97912400-62e0-11eb-9e62-8098ff09da22.jpg)
GiteaMirror commented 2025-11-26 22:25:34 -06:00
Author
Owner
Copy Link

@djsmith85 commented on GitHub (Mar 2, 2022):

Closing this as all icons have changed since. If this is still an issue, feel free to re-open.

@djsmith85 commented on GitHub (Mar 2, 2022): Closing this as all icons have changed since. If this is still an issue, feel free to re-open.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
app:authenticator
app:password-manager
bug
bug-passkey
customer-support
duplicate
enhancement
good first issue
help wanted
needs-reply
needs-response
pull-request
Mirrored from GitHub Pull Request
 question
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/android#676
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?