Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom Icon request [Sonos Play:1 and Sonos Arc] #122

Closed
ND1988 opened this issue Jan 6, 2022 · 24 comments
Closed

Custom Icon request [Sonos Play:1 and Sonos Arc] #122

ND1988 opened this issue Jan 6, 2022 · 24 comments
Assignees
Labels
icon request request for a new icon

Comments

@ND1988
Copy link

ND1988 commented Jan 6, 2022

Sonos Play:1 --> https://www.dropbox.com/s/nynt6g2rwten4il/Play1.svg?dl=0
Sonos Arc --> https://www.dropbox.com/s/6kjjfnmrlom6tse/Arc.svg?dl=0

Not sure if these templates work out well, I am not into graphic design and used https://picsvg.com/ to convert.
Originals:
Sonos Play:1 --> https://www.dropbox.com/s/nmvuwhdliuq27vf/Play1.jpg?dl=0
Sonos Arc --> https://www.dropbox.com/s/om0m2g9yzzqmdr5/Arc.jpg?dl=0

@ND1988 ND1988 added the icon request request for a new icon label Jan 6, 2022
@elax46 elax46 removed their assignment Jan 6, 2022
@rchiileea
Copy link
Collaborator

image
tried to recreate the speaker grill, but it does not look right in full size but ok in med and small needs more work

@elax46
Copy link
Owner

elax46 commented Jan 10, 2022

@rchiileea Very Cool

@ND1988
Copy link
Author

ND1988 commented Jan 10, 2022

@rchiileea wow far better then my approach.

@rchiileea
Copy link
Collaborator

rchiileea commented Jan 11, 2022

image
image
image

we are going to need to beta test this on a beta both versions as one looks messed, up, it might also cause some type of issue as doing a grill like this turns a svg that would normally be about 4000 bytes into and 2 are 1mb plus and one 2mb plus one lol eeek

c looks the best in browser, but I have a feeling b will look the best in home assistant

sonos-one.zip

lol these also have the single most longest single path I have ever seen in a svg

elax46 added a commit that referenced this issue Jan 11, 2022
test version for icon #122
@elax46
Copy link
Owner

elax46 commented Jan 11, 2022

i just released a new beta i haven't updated the documentation but you have sonos-one-a, sonos-one-b, sonos-one-c available

image image image

we are going to need to beta test this on a beta both versions as one looks messed, up, it might also cause some type of issue as doing a grill like this turns a svg that would normally be about 4000 bytes into and 2 are 1mb plus and one 2mb plus one lol eeek

c looks the best in browser, but I have a feeling b will look the best in home assistant

sonos-one.zip

lol these also have the single most longest single path I have ever seen in a svg

i just released a new beta i haven't updated the documentation but you have sonos-one-a, sonos-one-b, sonos-one-c available

@rchiileea
Copy link
Collaborator

image
zoomed 200%
image
normal 1280x1080

nnot sure now which one looks best lol

@elax46
Copy link
Owner

elax46 commented Jan 11, 2022

actually me too, at first glance I would say better c

@rchiileea
Copy link
Collaborator

rchiileea commented Jan 11, 2022

image
think b as ion black it looks like this
ok forgot I had shaddow let me remove it

@elax46
Copy link
Owner

elax46 commented Jan 11, 2022

well yes with the color the b is much better

@rchiileea
Copy link
Collaborator

rchiileea commented Jan 11, 2022

image
no shadow on icon

@rchiileea
Copy link
Collaborator

I think b is probaly best choice as it covers plain icons and people who use shaddows on icons

@elax46
Copy link
Owner

elax46 commented Jan 11, 2022

I think b is probaly best choice as it covers plain icons and people who use shaddows on icons

i updated the dev version with only version b

@ND1988
Copy link
Author

ND1988 commented Jan 11, 2022

Also I think B is the best suiting one 👍🏻

@rchiileea
Copy link
Collaborator

image
WIP

@rchiileea
Copy link
Collaborator

above one was hard to do for me, the grill just would not work with same pattern as the sonos one I did not like it, so I had to go down a different route to give it that light bounce effect on the grill
image

@ND1988
Copy link
Author

ND1988 commented Jan 12, 2022

looks better :) what about if you keep the oval front surface in black, and just try to do a slim white line for the edge of this oval front surface to give the 3D touch?

@rchiileea
Copy link
Collaborator

looks better :) what about if you keep the oval front surface in black, and just try to do a slim white line for the edge of this oval front surface to give the 3D touch?

the oval is recieving the same treatmeant as main grill
image

@rchiileea
Copy link
Collaborator

right so I am uploading these @elax46 but also uploading these lg ones I have done too

image
image
image
image
image
image
image
image
sonos-lg-update.zip

@elax46
Copy link
Owner

elax46 commented Jan 13, 2022

Collaborator

incredible job

@rchiileea
Copy link
Collaborator

Collaborator

incredible job

thank you, just wish I had the signiture tv to use the icon :P

@elax46
Copy link
Owner

elax46 commented Jan 13, 2022

Collaborator

incredible job

thank you, just wish I had the signiture tv to use the icon :P

hahah very expensive

@rchiileea
Copy link
Collaborator

rchiileea commented Jan 13, 2022

Collaborator

incredible job

thank you, just wish I had the signiture tv to use the icon :P

hahah very expensive

you telling me, I thought my oled was pricey lol, but I spent more than my oled on my two ultrawides in my office at home tbh.

@elax46
Copy link
Owner

elax46 commented Jan 13, 2022

Collaborator

incredible job

thank you, just wish I had the signiture tv to use the icon :P

hahah very expensive

you telling me, I thought my oled was pricey lol, but I spent more than my oled on my two ultrawides in my office at home tbh.

I don't know exactly how much the lg signature costs but I know they cost a lot but qualitatively they are the best oled

@ND1988
Copy link
Author

ND1988 commented Jan 13, 2022

right so I am uploading these @elax46 but also uploading these lg ones I have done too

image image image image image image image image sonos-lg-update.zip

Great job! Thanks!

elax46 added a commit that referenced this issue Jan 13, 2022
integrate new icon #122
@elax46 elax46 closed this as completed Jan 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
icon request request for a new icon
Projects
None yet
Development

No branches or pull requests

3 participants