Materialdesign: lock-check and lock-open-alert

Created on 27 Aug 2019  Â·  8Comments  Â·  Source: Templarian/MaterialDesign

In my case, the _system_ is safe when it is locked and in danger when it is unlocked. I express this with the following icons. I hope it'll help.

Preview

image

image

Zip Download

more-locks.zip

Contribution High Priority Home Assistant Icon Request

Most helpful comment

I believe the alert modifier needs to be to the right of the lock-open. It could be mistaken as a keyhole instead of an exclamation point.

All 8 comments

I did not join the outline variants as I feel they did not match

I believe the alert modifier needs to be to the right of the lock-open. It could be mistaken as a keyhole instead of an exclamation point.

Yes it's true, hence we need to modify the lock-alert version accordingly

That check looks skinny. Is that the same one we use elsewhere?

Accross the library, there are plenty of versions of a check mark. If you look for every icons with "check" filter you will see that there is not a clear unity between all icons. I count at least 9 versions of a check mark (with varying size, shape and thickness).
I used the one used by Google (in alarm-check for instance). However, if we strictly apply material design principles we should use a 2px thick mark. I tried but it looks too boldy – as you can see here:
image

I also tested the alternate versions of lock / lock-open with the alert modifier: what do you think ?
image
image

The lock looks huge compared to the exclamation mark.

I dislike the open lock in general because it's hard to see that it's open. I very much prefer the variant:

grafik

Might look weird with an exclamation mark though.

Updated lock-alert.

Added lock-check and lock-open-check.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

EdricChan03 picture EdricChan03  Â·  3Comments

giooliveira picture giooliveira  Â·  3Comments

kimdv picture kimdv  Â·  3Comments

jonnyborg picture jonnyborg  Â·  3Comments

emanf picture emanf  Â·  3Comments