Materialdesign: eye-lock, eye-off-lock, eye-lock-open, eye-off-lock-open
I have:
- [x] [Searched all issues](https://github.com/Templarian/MaterialDesign/issues) to make sure there isn't a request for this icon.
- [x] [Searched the current library](https://materialdesignicons.com/) to make sure the icon doesn't exist.
- [x] Only requested a single icon (or a few near-identical ones) in this issue.
Usage
I'm using "mdi-eye" and "mdi-eye-off". But the icons in the examples would be great instead of that.
Examples
I don't know which icons fits perfectly, so I created different variants of icons. (Excluded outline)
ozgurg
All 5 comments
I don't think the lock is necessary for your example. I, personally, have never seen an icon such as that for any password field.
If we do choose to add these, however, the off slash must intersect all icon artwork (e.g. go through the lock as well). Due to the position and size of the lock, I don't think this will work.
goyney
on 22 Oct 2019
With UX, the icon should represent the action and not the state. In other words, the slash should be in place when the user wants to hide the password (action) and not that the password is hidden (state).
MrGrigri
on 22 Oct 2019
I don't think the lock is necessary for your example. I, personally, have never seen an icon such as that for any password field.
If we do choose to add these, however, the
offslash _must_ intersect all icon artwork (e.g. go through the lock as well). Due to the position and size of the lock, I don't think this will work.
Google is currently using. Maybe the current is good, I opened the issue to make you think about it.
With UX, the icon should represent the action and not the state. In other words, the slash should be in place when the user wants to hide the password (action) and not that the password is hidden (state).
Yeah, you're right.
ozgurg
on 22 Oct 2019
We have the icons to support your use case, so I think we're going to reject this issue. Thanks for the suggestion!
goyney
on 22 Oct 2019
We have the icons to support your use case, so I think we're going to reject this issue. Thanks for the suggestion!
Alright, thank you for time.
ozgurg
on 22 Oct 2019
Related issues
EdricChan03
路
3Comments
vishnu1991
路
3Comments
giooliveira
路
3Comments
xaviergonz
路
3Comments
buutqn
路
3Comments
Most helpful comment
With UX, the icon should represent the action and not the state. In other words, the slash should be in place when the user wants to hide the password (action) and not that the password is hidden (state).