Custom User Icons

Borrowing from the Request: Built-in Icon Designer Tools - #2 by josh post, instead of providing a full set of tools for designing icons, this request is for the ability to upload or link to custom user icons.

:tada: The Custom Icons (File Upload) feature is now available! Check out the following post for details:

Announcing Custom Icons! (File Uploads)

Note that you can roughly achieve this today by using a Media Tile to display a custom image / icon and then configure the Media Tile action to Hyperlinkā€¦ wherein you can use the special hyperlink syntax to link to run a rule:

$.runRule("RULEID")

How about ability to reference FontAwesome icons? That would be a good alternativeā€¦

2 Likes

Are there specific Font Awesome icons you are looking for? We are licensed for and use many of the Font Awesome icons alreadyā€¦ but we donā€™t add all of them as it would bloat the file size and slow down the initial loading of the app.

Not specifically at this time. But being able to enter the font-awesome icon code (like f26e) to have the system pull from the CDN would be nice.

2 Likes

I know this is an old thread but I was looking to use a font awesome icon. Is this possible?

This is a feature request thread, so be sure to scroll up to the top and cast a vote. :slight_smile:

What would be cool is to have a community icon repository, similar to the css contributions that are on the board. Allow people to upload their icons and be able to search them from the icon picker. Even possibly have some sort of voting on the icons so the ā€œbetterā€ ones that are in keeping with the theme get filtered to the top.

3 Likes

Does this request have enough votes or do we need more? Lack of icons are killing me and my creativiness with supertiles.

1 Like

It sure has lots of votes, but I think it has to marinate a couple of years.

Like math in variables for example ā€¦

This request has bumped its way toward the top of the list and weā€™re keeping our eye on it. We have a few strategic items weā€™re working on now to keep the platform running smoothly and I suspect weā€™ll circle back to this one in an upcoming development sprint.

PS. I personally want Math with Variables too, Stan! Linking it here in case anyone wants to cast a vote on it! :stuck_out_tongue:

1 Like

Hey everyone. I am the dummy version of all you sophisticated ShaprTools users and a bit confused. The built-in icons are great but not for my project. Is there a button to upload an image and apply it to a tile? I know you can create your own ā€œcustom tilesā€ using the URL and HTML method under developer tools but that task is not very straight forward. I am not a coder. Is this feature hidden somewhere? I tend to miss things right under the nose. Thanks!

1 Like

Hi brother. I think there is no current way (beside a custom tile), but you can simulate it. Have you checked that you can load your dashboard background ?. Well, in the background image, you can simulate the tiles images, then the real tile has to be transparent, in order to let view of the background, the only issue is you cannot change its style obviously, but you can display a footer, or a device status (with super tiles). Thats it. hope this idea can be useful for you,

1 Like

Hey everyone! Just wanted to provide an update that we are actively working on this. If youā€™ve voted on this, could you please provide some examples of custom icons that youā€™d like to use?

You should be able to attach the image to your post here. Can you also clarify if:

  • You want to upload the file to your SharpTools account (eg. media storage)
  • You want to link to an existing copy of the image online

As you might surmise, uploading images to your account is a bigger scope with added complexity around file storage, file management, file sizes, etc. So weā€™re looking to get more examples (and feedback) as we work on refining the scope.

2 Likes

Robot mower icon, Something like this:
image

I just envisioned custom icons would be implemented via links

EDIT: example icon just for general idea - would customize it to look like the existing ā€œfillā€ icons

As most of the timesā€¦the nicest are more complex, but the easiest is the most practical.
For me, the practical reference for an image could be enough (like dashboards backgrounds), but an account icon storage will rock and take Sharptools users in total appassionate love with the toolā€¦

For me thereā€™s two different things Iā€™d like to see.

1 - Additional icons in the same location they are now. This would be in order that they keep the same ā€˜lookā€™ as the ones that are already available. These donā€™t need to be anything special so long as itā€™s possible to differentiate. For example a Dishwasher:

Also would be good to see Curtains (open and closed) in order to differentiate from blinds (shades) and there currently isnā€™t a standard icon for a Keypad - something like:

2 - The ability to use ANY icon and save it as in the resource section of account. That icon could then be picked for use on a tile instead of one from the standard icon library. Perhaps SharpTools users should be given some parameters with regard to dimensions and file format etc.

Option 2 would be great as everyones needs will differ. Recently I wanted to use a few channel icons for a live TV dashboard. It took some time as I first had to place the file locally or on imgur publicly, create a media tile with that icon location and then finally set the action on tap to open a different url for the TV channel. It also wasnā€™t possible to do a 1x1 media tile - the dimensions get overridden to 2x1.

Hi John. Thanks for sharing your examples ā€“ since this request is for the ability to upload or link to your own custom icons, the idea is that you would be able to find/source your own icons that fit your needs and upload or link to them.

This feature request is not for inclusion of additional icons into the base icon library. :slight_smile:

1 Like

For reference, our base icon library is based on Font Awesome (with a number of custom icons added in), so their Icon Design Guidelines is what weā€™ve tried to mimic with our own custom icons.

That being said, we didnā€™t plan on restricting to just SVG icons. Using @Justin_Leonardā€™s example, hereā€™s a transparent PNG acting as an icon:

image

You could use a JPEG, but since they donā€™t support transparency itā€™s probably not going to look as good with the harsh edges and all:

image

  1. JPEG
  2. PNG (transparent)
  3. SVG
  4. Built-in Icon
5 Likes

If youā€™re in our beta tester group, weā€™ve released the Custom User Icons feature for you to try out!

Custom User Icons - Beta Discussion

If youā€™re not part of the beta and want to try things out, feel free to submit a beta tester request!

Hereā€™s a brief demo showing the beta in action. In the video, I edit a tileā€™s icon like normal, but when I go to select an icon thereā€™s a new tab to upload my own icons and use them.

4 Likes

Ah, this will be mint!

1 Like