Help finding icons


#1

Sorry if everyone else has figured this out, but how can I find icons to use for my Smart Apps? I’ve seen the icon set at http://scripts.3dgo.net/smartthings/icons/, and those look exactly like what I need, but that only gives me names. How do I convert those to usable URLs?

TIA.

Pete


How to find icons and/or add icons for smart apps and devices?
(Tony - SmartThings Unpublished Contributor ) #2

Icons should be png files - you can find any image online and convert them to the right sizes – 1) 60 pixels x 60 pixels and 2) 120 pixels x 120 pixels.

After I convert the images I want to use (I use Preview on OS X), I store the icons I want to use in my public Dropbox account and copy the urls into the SmartApp.

-Tony


#3

Thanks Tony. I considered that, but really hope to reuse a standard library instead of having to maintain my own online. There must be a better way!


(Brian Steere) #4

If you right click on the icon, you can copy the image url (in Chrome). Those should all pull from the ST CDN.

The names are all that you need when you’re creating buttons in the SmartApps. I should update that page to make it a bit friendlier…


#5

OK, I’m a little slow, but think I’ve got it. Copying the URL actually gives me something like https://graph.api.smartthings.com/api/devices/icons/st.alarm.beep.beep?displaySize=2x, which I don’t think is what I need, but actually opening it in a new tab gets me http://cdn.device-icons.smartthings.com/alarm/beep/beep@2x.png, and I can use that.

When you said the name is all I needed, that is just for buttons, right? I assume I need actual URLs for the iconUrl, iconX2Url, etc. right?

Thanks for your help!


(Brian Steere) #6

This is correct. I didn’t realize copying the url did something weird.


(Ron) #7

I am trying to use this icon from my github
https://raw.githubusercontent.com/gouldner/ST-Projects/master/ST-Devices/src/ZXT-120/zxt-120-tile.png

using the url “https://raw.githubusercontent.com/gouldner/ST-Projects/master/ST-Devices/src/ZXT-120/zxt-120-tile.png

Is this correct ? it doesn’t seem to work

valueTile("temperatureName", "device.temperatureName", inactiveLabel: false, decoration: "flat") {
	state "temperatureName", label:'${currentValue}', unit:"", icon: "https://raw.githubusercontent.com/gouldner/ST-Projects/master/ST-Devices/src/ZXT-120/zxt-120-tile.png"
		}

(Brad B.) #8

If I want to change the icon for a device, I’ll need to create a new device type for it and code in the icon? I have several Quirky contact sensors, but some are on doors and some are on windows… it’d be nice to have icons to represent which is which.


#9

Where is there a list of the ST icons that aren’t on the above website? Like thermostat, alarm, etc.?


(Ryan) #10

I am trying to find the same thing as @Cm119… this site is great, especially since it links directly to the icons available from the API, but there seems to be a handful of categories missing (st.contact, st.doors, st.alarm, etc). Anyway to see a listing of those?

Thanks for the site though, its certainly a great resource!


#11

Hi @rcoodey, the link in first post use to have tons of icons, and I have no idea why ST stopped listing them all. It is frustrating.


(Brian Steere) #12

Hey guys, I didn’t realize it was broken. I’ll try to get it fixed sometime in the next couple days.


(Brian Steere) #13

It’s working again. Sorry for the delay


(Ron) #14

Still not complete. Examples of icons I know are missing. Who knows what else is available.

st.thermostat.cool
st.thermostat.heating-cooling-off
st.thermostat.heat
st.thermostat.auto

Also it has icons listed that are broken
st.Bath.bath for example. I would list more but you can just look at the page. You did look at the page when you fixed it…right ?

Also the format of this page is not very helpful. A better format would be to list the icon and the name. This way you can cut/paste the name. Having the tooltip for the name is annoying because you can’t cut/paste from a tool tip. I usually just view page source but it would be really helpful if this page just listed ALL the icons and also listed their names in a simple table.


#15

Hi @Dianoga,

I’m not seeing icons for vents, thermostats, valves, and a whole bunch more other icons that use to be there.


(Brian Steere) #16

The page is listing all the icons returned from the API call it has always used. It looks like the extra icons may have been moved or hidden for some reason.

As far as page format goes, I’ve been meaning to update this page for a while, but haven’t had sufficient time and/or motivation to do so. I built this prior to working for ST and it runs on my own separate server.


(Ron) #17

Please make it better. Just trying to provide Motivation :slight_smile: can’t really do anything to help you acquire time


(Brian Steere) #18

I’ve improved the layout of the page. I’m still working on it, but it should be easier to get the information you need quickly.

The icons that were missing are still missing (and will remain missing until there is a new API call I can use to get them back).


(Ron) #19

@Dianoga Thanks, it looks great !

This is my favorite

Makes me feel skinny.

So obviously this is my least favorite


(Stephen Jolly) #20

I wish I could find the mythical UK plug outlet icon that is on the https://www.smartthings.com/uk/ page :slight_smile: