1706721 - New shield and refresh icons very simplified/subtle; can a few things be changed to be more distinct?

Status: NEW

(Firefox :: Protections UI, enhancement, P5)

Description

[Peter deHaan [:pdehaan]]

This comment is copy/pasted from a community issue filed during the Foxfooding program.

---

Firefox Version: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:89.0) Gecko/20100101 Firefox/89.0
Window Size (inner width and height): 1969x1101

Steps to Reproduce

As mentioned in chat.mozilla.org foxfooding channel: https://matrix.to/#/!HKALiBDlYjJhItsEYS:mozilla.org/$CFtKPpyRK1Hj_GRoCoPLttO6pHKfir5q30MCo2mCJtk?via=mozilla.org&via=cyberia.club&via=matrix.org

• the new shield icon right next to the TLS lock icon in the awesome bar is a bit hard to identify as a shield -- can the top- curved lines be a bit more exaggerated/pronounced to stand out more? While the top-side lines in the previous icon also weren't super pronounced, it was helped by the fact that half of it was shaded, like the emoji 🛡

• A similar suggestion for the new refresh button -- can the arrows be more pronounced -- or maybe a bit more distanced from the end? I guess what I'm getting at is it is too close to being a straightforward circle

I love the new subtlety with using simple-line iconography, although I feel like the two icons I mentioned above became oversimplified and lost their distinctness

Expected Behavior

Shield icon looks closer to a shield;
Refresh icon looks less like a circle

Actual Behavior

Icons became too oversimplified, and lost some of the distinct character it had before.

Comment 1

[Peter deHaan [:pdehaan]]

Attachment: Alpenglow v89/Nightly

Comment 2

[Peter deHaan [:pdehaan]]

Attachment: Default theme v88 Beta

Comment 3

[Peter deHaan [:pdehaan]]

Another user request for a more obvious shield icon w/ old gradient:

Firefox Version: Mozilla/5.0 (X11; Linux x86_64; rv:90.0) Gecko/20100101 Firefox/90.0
Window Size (inner width and height): 1366x655

Steps to Reproduce

visit a webpage and click the shield icon in the url bar

Expected Behavior

Show a pretty gradient, like it does on firefox 88

Actual Behavior

Looks plain without any such gradient. The old one looked really cool, it would be really fantastic if it could somehow be added into the new version!