Add third batch of icons

[Amejia481]

See this comment mozilla-mobile/fenix#18132 (comment)

• help
• folder
• folder add/new
• share (the Android symbol is three circles connected with lines)
• collection
• add to home screen
• password (eye)
• password hide (eye with cross)
• checkmark
• website placeholder (this is not just used for generic website, but also for Settings menu items like “Exceptions”
• edit
• sync (it’s already using the right icon, just needs to point the other way – counterclockwise – and the icon has been updated to reflect that)

Permissions

• location
• location blocked
• camera
• camera blocked
• microphone
• microphone blocked
• notifications
• notifications blocked
• storage
• storage blocked
• autoplay media
• autoplay media blocked

Make sure that DRM-controlled content is using the new link icon – I think it already does?

Tracking Protection

• cryptominer
• fingerprinter
• social tracker
• third party cookies

New Tab Page

• avatar signed out (on New Tab Page, see Update in-app Icons fenix#18132 (comment) above)
• info (on New Tab Page, see Update in-app Icons fenix#18132 (comment) above. The other info icon e.g. in Add-ons Manager seems to be correct already)

Add-ons Manager

• rating (small - 16x16 – in Add-ons Manager)
• rating half (small - 16x16 – in Add-ons Manager)

┆Issue is synchronized with this Jira Task

[brampitoyo]

@Amejia481 Just a note before we get started: both the share and edit icons are currently being finalised. They’re due to be delivered soon. I’ll let you know as soon as they’re ready, so you can start adding them in :-)

[Amejia481]

Thanks for the update!

[brampitoyo]

@Amejia481 Thanks for making these changes! Just a few issues remaining:

---

• share

Sorry, this icon has just been redrawn and finalised today. Figma (you’ll notice that it’s positioned to the side of all other icons).

---

• password (eye)
• password hide (eye with cross)

These icons seem to not be coloured like all the other ones. They seem to have a little bit of transparency added. Was this intentional? If yes, then we’re all good to go. If no, then I think we should make the icon fill identical to all other icons.

---

• website placeholder

Unfortunately, I wasn’t able to see this new icon anywhere in the app. Here are some places where the globe would’ve appeared, but the current icon is still used.

---

Tracking Protection

It seems like I couldn’t find these icons where they would normally appear: Settings → Enhanced Tracking Protection → ℹ️ Info.

Do we not show icons on this sub-pages (maybe we don’t)? And are there other places where the tracker-type icons are shown?

---

Add-ons Manager

• rating (small - 16x16 – in Add-ons Manager) Figma
• rating half (small - 16x16 – in Add-ons Manager) Figma: light theme, dark theme, shape only.

For the rating half icon, I provided separate assets for light and dark themes, as well as a shape-only asset that you can manually colourise. Let me know if this isn’t the correct way to implement it, and I’ll be happy to generate a version that works!

[brampitoyo]

I also found one icon from the previous batch that was not yet replaced: password (key symbol). Wonder whether I’ve forgotten to include it on the previous list? If so, then that’s my mistake – sorry about this!

The new password icon can be found in this Figma.

[Amejia481]

Thanks for the review, I performed the following updates:

• Share.
• Website placeholder

Notes:

• The password (eye) and password hide (eye with cross) icons, the previous versions already had the transparency on them, If you like I can remove them, I think the transparency was added before to match the Android equivalents.

• The tracking Protection icons were removed on following this request [UX] ETP Cookie purging fenix#13812 (comment), not sure if I should I added then back? I think we are not showing them in other screens.

[brampitoyo]

Thanks, @Amejia481!

• If password and password-hide has transparency to match Android System style, we shouldn’t change that. Let’s keep it intact.
• I missed the fact that the Tracking Protection tracker-type icons were removed late last year. It sounds like iOS is the platform that needs to catch up to Fenix. So, let’s not add the icon, and I will make sure that we are removing the icon on iOS. Thanks for posting the link to that issue!

[Amejia481]

I'm created a separated issue for updated the rating icon as It's taking too much time, it will be better to address it separately, and not block other icons on it.