Fluentui: Hide eye icon needed

[srnitk]

In the current Fabric icons, there is no icon like the one shown below, please make this available for us:

Environment Information

• Package version(s): (fill this out)
• Browser and OS versions: (fill this out if relevant)

Describe the issue:

Actual behavior:

Expected behavior:

If applicable, please provide a codepen repro:

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? (Yes, No)

Requested priority: (Blocking, High, Normal, Low)

Products/sites affected: (if applicable)

[dzearing]

Tagging @Jahnp

[Jahnp]

Thanks for the heads-up @dzearing!

@srnitk , we have three icons similar to the one in your screenshot in the Fabric font today.
ED1A - Hide

EF89 - Hide2

F6AC - Hide3

I pulled these from the Fabric icons tool, and all three of them are available in the latest version of Fabric React.

Will one of those be sufficient for your purpose? We generally try to avoid adding additional variations of existing metaphors unless necessary.

[srnitk]

Hi Jahnp

I'm from an internal team in Microsoft. I've gone through the icons you've shared. But none of them is similar to the one I shared. The one I shared is in New edge browser to hide password in settings page. Our team needs that sort of icon.

[srnitk]

Similar icon I requested is available even in font awesome, but not in Fabric React. It'll be great to have this icon as well.

[angallison]

@srnitk - It may be a good idea to start an internal email thread with Matt Ropel. He can help determine which icon to use based on the metaphor, localization, etc.

[Jahnp]

I'd agree with @angallison's point that it'd be good to start a mail thread with Matt. That can lead to us opening a new icon font request if needed.

@srnitk , I think this is the UX you're referring to, right?

I will say that as a regular user of that UX, IMO it's kind of hard to distinguish the "Hide" from "Show" actions because the icons aren't visually that different from one another. That's fairly evident from the screenshot above.

If you'd be open to using a different icon, ED1A Hide seems to use the same "eye" metaphor as E7B3 - RedEye (see below) and could make a good pairing.

Perhaps those would be worth considering?

[msft-github-bot]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fabric React!