firefox-ios icon indicating copy to clipboard operation
firefox-ios copied to clipboard

[App Icon Improvements] Add 'Fun' icons to the App Icon picker feature

Open data-sync-user opened this issue 2 months ago • 9 comments

Figma: Link Assets: Link

┆Issue is synchronized with this Jira Task

data-sync-user avatar Oct 14 '25 13:10 data-sync-user

➤ Aarjav Pandya commented:

Please let me know if there are any questions.

data-sync-user avatar Oct 14 '25 13:10 data-sync-user

➤ Isabella commented:

Hi Aarjav Pandya,

We need to optimize a few of these images so the app bundle doesn’t grow too large for users downloading the app / updating the app (it has been a complaint in the past).

Can we please have both optimized PNG versions and (if possible) small vector PDF versions of the assets? If all the images are rasterized and not vector based, that’s fine. In that case let’s shrink the image size to maybe 512 x 512 PNGs and apply some aggressive image optimization since the app only ever shows them at small scale.

Below I’ll give approximate guidelines for the image sizes we have with the current icons. FYI Gabrielle Lussier made these for me the first time, I’m not sure how she did it 🙂

  • Vector-based PDFs (used to show in the app, at a somewhat small scale): around 28 kilobytes

    • If we don’t have vectors for these, let’s do aggressively optimized PNGs, shrinking the size to 512 x 512 or even lower so we can try to get these well under 100 KB.
    • Note to Winnie Teichmann: These are for the .imageset
  • Optimized PNGs (used to show on the iOS home screen and the App Store): around 100-230 kilobytes

    • Must be exactly 1024 x 1024 pixels
    • Note to Winnie Teichmann: These are for the .appiconsets

Let me know if anyone has any questions. 🙏 Thanks!

data-sync-user avatar Oct 27 '25 15:10 data-sync-user

➤ Aarjav Pandya commented:

Hey Isabella Winnie Teichmann , I followed the guidelines provided by Isabella, and have added the icons that match the guidelines here → Drive ( https://drive.google.com/drive/folders/17JxypHPh2My-amxMwHEhl6q3EQfim9yM?usp=drive_link )

Please let me know if something is missing or needs to be updated.

data-sync-user avatar Nov 05 '25 18:11 data-sync-user

➤ Andrei Bodea commented:

Verified on v145.3 (65247) with iPhone 15 Pro (18.7.2).

Can you please confirm this is all the new icons we will have for now? Asking because in Figma I see many more, and there are many variants ofthe App icon section and how it should look. Can you please share the final design we should follow? We are missing a few in our app if we compare it with the PR ( https://github.com/mozilla-mobile/firefox-ios/pull/30466#issue-3599676638 ).

!image-20251128-105908.png|width=108,alt="image-20251128-105908.png"!

!image-20251128-105918.png|width=105,alt="image-20251128-105918.png"!

!image-20251128-105927.png|width=105,alt="image-20251128-105927.png"!

!image-20251128-105934.png|width=105,alt="image-20251128-105934.png"!

!image-20251128-105948.png|width=104,alt="image-20251128-105948.png"!

!image-20251128-110010.png|width=104,alt="image-20251128-110010.png"!

!image-20251128-110018.png|width=103,alt="image-20251128-110018.png"!

!image-20251128-110029.png|width=105,alt="image-20251128-110029.png"!

!image-20251128-110037.png|width=107,alt="image-20251128-110037.png"!

!image-20251128-110045.png|width=103,alt="image-20251128-110045.png"!

!image-20251128-110052.png|width=106,alt="image-20251128-110052.png"!

!image-20251128-110220.png|width=213,alt="image-20251128-110220.png"!

data-sync-user avatar Nov 28 '25 11:11 data-sync-user

➤ Isabella commented:

Hi Andrei Bodea ,Winnie Teichmann should be back to confirm on Monday. But it does look to me like we’re missing some (Cool, Cuddling). I thought maybe it was because we didn’t have translations for the newest icon names, but I think all these are behind the same flag, and the Retro ones are also new icon names. But I’ll let Winnie Teichmann confirm. 🤔

data-sync-user avatar Nov 28 '25 15:11 data-sync-user

➤ Winnie Teichmann commented:

Andrei Bodea the icons you see are correct. And Isabella is right that we are missing cool, cuddling and flaming - these icons are behind a feature flag because we are missing the translations.

data-sync-user avatar Dec 01 '25 07:12 data-sync-user

➤ Isabella commented:

Winnie Teichmann Is there an English-only experiment yet that Andrei Bodea can use to test the remaining ones?

data-sync-user avatar Dec 01 '25 15:12 data-sync-user

➤ Winnie Teichmann commented:

Isabella Andrei Bodea not that know of.

Andres Furlan could you create an experiment? Either a release experiment in case we want to release all icons to English speaking users already or a preview experiment in case we want to release the untranslated icons all at the same time once we have translations.

data-sync-user avatar Dec 01 '25 15:12 data-sync-user

➤ Andrei Bodea commented:

Winnie TeichmannIsabella please note that I’ve checked on v 146.1 (65627) with iPhone 15 Pro (iOS 18.7.2), but I couldn’t find any experiment or I couldn’t see any new icons in FF. Setting this in progress until it can be verified.

data-sync-user avatar Dec 10 '25 10:12 data-sync-user

➤ Andres Furlan commented:

https://experimenter.services.mozilla.com/nimbus/ios-new-app-icons/summary/ ( https://experimenter.services.mozilla.com/nimbus/ios-new-app-icons/summary/|smart-link ) this is the rollout. Can I launch it? Also, can we sent this directly by default. It doesn’t seem risky.

data-sync-user avatar Dec 11 '25 03:12 data-sync-user

➤ Winnie Teichmann commented:

Andres Furlan It should only be launched for English as we don't have the translations yet.

data-sync-user avatar Dec 11 '25 13:12 data-sync-user

➤ Andres Furlan commented:

Changed rollout to English.

data-sync-user avatar Dec 11 '25 13:12 data-sync-user

➤ Andrei Bodea commented:

Verified as fixed on v146.1 (65627) with iPhone 15 Pro (18.7) and iPhone 16 (iOS 26). I was able to see all the mentioned icons by using this ( https://experimenter.services.mozilla.com/nimbus/ios-new-app-icons/summary/ )experiment.

iOS 18.7

  • [^ScreenRecording_12-11-2025 22-59-16_1.MP4]

iOS 26

[^ScreenRecording_12-11-2025 23-16-04_1.MP4]

data-sync-user avatar Dec 11 '25 21:12 data-sync-user

➤ Andres Furlan commented:

Launched!

data-sync-user avatar Dec 11 '25 21:12 data-sync-user