I can not find some usefull icons, I wish you can add some like:
Christmas Tree
Disco ball
Stop Synchronization
Smartwatch
Bike
Scooter
Toys
Garden
Terrace
Living room
Porch
Bar
Dishwasher
Laundry
Hanger
I think you are better off using custom CSS for custom icons, if you are using Legacy Dashboards.
You can store them locally in File Manager, and use the local hub address for the file, or host them on your own github page to still work with cloud accessed dashboards.
I get lots of mine from the site below, and I edit them with the free Windows Store app Inkscape.
/* Add a Gitgub internet svg image to a tile */
#tile-16 .tile-primary i.material-icons:before{
content: "";
background-image:url("https://xxxx.github.io/../..image.svg");
background-size: 100% 100%;
display: inline-block;
height: 50px;
width:50px;
/*if you want to change the position*/
position:relative;
top:0px;
left: 0px;
}
Make it state dependent by adding the state to .tile.primary, such as: .tile-primary.on or .tile.primary.closed, or .tile.primary.active, etc.
2 Likes
