New macOS Icon

[mustafayurdakul]

We should change Firefox icon accordingly Apple Human Interface Guidelines. There is already icons on internet.

[alexwhite0909]

I'd like for the Mozilla icon on Mac to be a square with rounded corners like the others so that the apps in the dock look more uniform.

Thank you!

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

[sqeeezy]

I've just checked, and 22 out of 29 Dock icons on my Mojave system are not the standard rounded-square. My opinion is that different shapes, like differing colours, can be an aid to quickly identifying the icons.

[spearson]

This has already been posted to the Bugzilla group, Square icon for macOS Big Sur but the thread has since been closed as there was no value added and it seems it's not a huge priority for them based on my contribution and following of the thread.

[Anonymous]

I propose the hexagonal icon ... kind of round, but also kind of square ... the perfect compromise 🙂

[tech189]

There's a bugzilla bug for this tracked here: https://bugzilla.mozilla.org/show_bug.cgi?id=1648386

[fixfire]

That's odd. I just looked and had three custom icons. I removed two (old) ones and left Firefox. I never notice these icons as different when looking for something and wouldn't be able to have told you who or how many I had, other than obviously one was Firefox. Put me down as the silent majority(?) that don't care.

[edumorlom]

This is a must, it's really annoying that Firefox is so behind other apps.

[adam24williams]

Please do this! All other web browsers are doing this and all native apps on Mac starting with Big Sur are doing this.

[spearson]

@edumorlom, It's just an icon and I'm sure they have other priorities.

Check out MacOSicons.com and search for Firefox, click the icon you want to download and then go to Firefox in your Applications folder, right click on it and select Get Info. Then drag the icns file you just downloaded to the current icon in the get info window. Problem solved.

I hope this helps.

[Sisebuto_]

I think that FireFox should update it's icon to follow up Human Interface Guidelines.

[dmvvilela]

getting kinda cringy now..

Its the only app on my mac with the old design directives.. (not squared)...

[jhwkim]

Hello @mustafayurdakul,

It's great to hear your thought on updating the Firefox icon(s).

Our team is currently working on it, and all the Firefox browsers will soon have a square-round icon for macOS. This will meet the Apple icon guideline.

Thank you for providing your idea and feel free to ask any questions meanwhile.

Best,

Cc: @Jon 

[Jon]

Thanks @jhwkim for the good news!

This means we have upgraded the status to "In development" and will continue to provide you all with updates here.

Please feel free to keep the conversation going, ask any questions, and stay tuned 😁

[ghostpiss]

I should mention that there is a "standard" scaling for circular macOS icons within Apple's design guidelines, which both Safari and Chrome already follow. I hope Firefox's macOS icon will be scaled the same — as it will fit in with other icons on the platform. Here is an image demonstrating the alignment:

Standard sizes for circular icons in macOS 11+ are as follows:

actual resolution	@1x	@2x	circle width / height
1024x1024 px	N/A	512x512@2x	710x710 px
512x512 px	512x512@1x	256x256@2x	356x356 px
256x256 px	256x256@1x	128x128@2x	178x178 px
128x128 px	128x128@1x	N/A	88x88 px
64x64 px	N/A	32x32@2x	44x44 px
32x32 px	32x32@1x	16x16@2x	20x20 px
16x16 px	16x16@1x	N/A	10x10 px

Also, after testing various background colors for the icon on different wallpapers and within the context of other macOS icons, this gradient (composed of three colors from Firefox's brand palette — #9059FF, #7543E3, & #582ACB) feels by far the most natural imo: