Materialdesign: Icon Request: Door

Created on 30 Jan 2017  Â·  30Comments  Â·  Source: Templarian/MaterialDesign

Maybe a few different door images?

Contribution High Priority Home Assistant Icon Request

Most helpful comment

I made some door icons. Yes, I know not many doors open 180 degrees, but in Material Land they do. ;)

door-closeddoor-open
door-closed 10xdoor-open 10x

(Taller version that kiiiinda doesn't look the right size)

door-closeddoor-open
door-closed 10xdoor-open 10x

All 30 comments

It's pretty hard to depict given the MD restrictions (no perspective!)

Google MD specifications state "Don’t tilt, rotate, or make icons appear dimensional." There are a few exceptions to that rule like archive or our own stadium. What exactly are you going to use a door icon for?

I'm using these icons in Home Assistant, and I was thinking for my back
door light it would be good to have a door as the icon.

Thanks for looking into this!

sent from my mobile device

On Jan 31, 2017 10:47 AM, "Michael Richins" notifications@github.com
wrote:

Google MD specifications state "Don’t tilt, rotate, or make icons appear
dimensional." There are a few exceptions to that rule like archive
https://material.io/icons/#ic_archive or our own stadium
https://materialdesignicons.com/icon/stadium. What exactly are you
going to use a door icon for?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Templarian/MaterialDesign/issues/1822#issuecomment-276400525,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AUYbGUBidlqcvGi1Cs6mML02uLerW4uKks5rX1d6gaJpZM4Lx5Vn
.

Maybe along these lines:

image
image

The second design actually fits pretty nice for MD.

I like the first one better. Maybe something that looked like a 2 panel or
6 panel door? This is really not a huge deal to me, and I don't want to
make extra work for anyone. I was able to find basically every other icon I
needed and didn't see a door. Just figured I'd make the suggestion.

That being said I really appreciate how quickly you guys jumped on this.

-Pat

sent from my mobile device

On Feb 1, 2017 2:32 PM, "Austin Andrews" notifications@github.com wrote:

The second design actually fits pretty nice for MD.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/Templarian/MaterialDesign/issues/1822#issuecomment-276756967,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AUYbGdbKMCAkS--kDTbkpnlmvgKJUbQBks5rYN3YgaJpZM4Lx5Vn
.

I have a similar use case in Home Assistant, but I'd like to be able to differentiate between an open and a closed door.

Showing an open door seems problematic if you are not allowed to show any kind of dimensionality. :( On the other hand, there are icons like book-open-page-variant (from Google) which come close to depicting what I'd like to see in an open-door icon.

I made some door icons. Yes, I know not many doors open 180 degrees, but in Material Land they do. ;)

door-closeddoor-open
door-closed 10xdoor-open 10x

(Taller version that kiiiinda doesn't look the right size)

door-closeddoor-open
door-closed 10xdoor-open 10x

I'll make a simple door icon if it is necessary, like the closed door icon without the long bottom bar signifying the floor.

Thank you. I'm looking for a door to signify "rooms" in Home Assistant. Open and Closed versions would be great.

@JapanYoshi I think it'd be useful to have three icons, "door" (without the bottom bar), "open-door" and "closed-door". I think your icons look very good, both the short and the tall versions. If anything, the door handle in the open version is very close to the edge, which makes it look a bit weird in small sizes.

Hey folks.
I was after open/closed door icons too, and didnt see this thread and went and designed some too.

door.zip

@james-fry Your example https://github.com/Templarian/MaterialDesign/issues/1822#issuecomment-294373555 has a 3D effect. Is this allowed in the style guide?

Example image:

Closed

closed

Open

open

I am no designer at all, but why not keep it plain and simple. A closed door is visible as a black panel. An open door is just the surrounding door style. LIke this:

door

door.zip
Sorry for the big delay. I've made a door by itself, as well as the two door icons I posted.

So quick question here - this icon is great but it doesn't actually appear when you search on the site - when does that actually happen?

@coogle This issue is still open, so it hasn't been added to the set yet. There are quite a few issues with designing a "door" in material design.

What remains to be done in order to make this happen? As noted back in January, there are other examples where perspective has been used in the existing icon set for limited cases. We have several submissions to chose from here in the thread. What else needs to happen to get this approved?

Reposting my suggestion.

Download.

Any update on this? I want to use a door open/closed icon in Home Assistant. I like JapanYoshi's suggestion.

door door-pen door-closed

Sorry for the delay everyone.

Looks nice. thanks

Found this icon in Google calendar app:

screenshot_20180116-111735_01

I still like ours better. 😄

I personally like Google's design better, but it doesn't have "open" and "closed" variations like ours. :-P

Specifically for the use of home automation I the open and closed distinction seems to be key for the usage.

I'm not sure if we need a more generic one though. Thoughts?

I don't think so, If anything, I would add the floor to the current door icon like this.

door image

door.zip

I'd think it be best to add it as a variant, has a better design personally.
And yeah, updating the door icon as @MrGrigri has above seems like a good idea.

I'm all for that door update. Could work better with square corners, but might not. Material Design has a squared style now, so that Google icon might be from that.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

andrewnenakhov picture andrewnenakhov  Â·  22Comments

CoDEmanX picture CoDEmanX  Â·  56Comments

Templarian picture Templarian  Â·  23Comments

Templarian picture Templarian  Â·  24Comments

antembmip picture antembmip  Â·  29Comments