Page 1 of 3
Flat Design for icon (replace www/images)
Posted: Thursday 27 August 2015 12:53
by gevaudan
I purpose a "update" for icons in www/images.
My work is based from this cc sources :
https://www.elegantthemes.com/blog/free ... s-for-free
I have create some icons, when doesn't exist.

- Final flat icon design
- Capture d’écran 2015-08-27 à 12.41.50.png (297.69 KiB) Viewed 25656 times
You can download the icons set @ :
http://dl.free.fr/bpp2FOV7f -
http://dl.free.fr/bpp2FOV7f vs: 1.103 (link updated 6/5/17)
Backup your www/images folder before.
Replace by my new
Restart Domoticz (don't forget you need to reset browser cache).
Enjoy.
Re: Flat Design for icon (replace www/images)
Posted: Thursday 27 August 2015 16:34
by ThinkPad
Wow! Looks really great! And i see you registered especially for this, damn you're good
Makes Domoticz look much more modern with this!
By the way, which skin do you use? ElementMedia was something from Dountill i thought, but his looks different:
http://domoticz.com/forum/viewtopic.php ... 5&start=40
Can you please share your skin also? I like the total look very much!
Too bad that stuff like this has low priority for Domoticz developers. A good and modern skin makes the 'product' Domoticz so much better and attractive.
Re: Flat Design for icon (replace www/images)
Posted: Thursday 27 August 2015 16:43
by mvveelen
This certainly is nice work!
Thank you for this. I've downloaded the icons and will try it out
Edit: tried it and it looks great. There are only a few icons in the original style. Like the counter.png, desktop.png and a few more. Are those going to be changed in the (near) future?
Edit2: in the package there is an icon "computer.png" which you can use for the desktop.png
Re: Flat Design for icon (replace www/images)
Posted: Thursday 27 August 2015 16:59
by remb0
very nice. thank you very much.
Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 9:03
by gevaudan
ThinkPad wrote:Wow! Looks really great! And i see you registered especially for this, damn you're good
Makes Domoticz look much more modern with this!
By the way, which skin do you use? ElementMedia was something from Dountill i thought, but his looks different:
http://domoticz.com/forum/viewtopic.php ... 5&start=40
Can you please share your skin also? I like the total look very much!
Too bad that stuff like this has low priority for Domoticz developers. A good and modern skin makes the 'product' Domoticz so much better and attractive.
Thank you!
The work was more to associate icons and create the names (though I've made design a few).
The theme that I have used it comes to "element- dark" and is available with version 2.2563 of Domoticz
The modifiaction I however to propose a disadvantage. During an update it will restart the process of copying files...
I have not the courage to create a text file to add them via the "add icons " menu ...
Soon to be a kind soul ?
Sorry for my poor english
Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 9:12
by gevaudan
mvveelen wrote:This certainly is nice work!
Thank you for this. I've downloaded the icons and will try it out
Edit: tried it and it looks great. There are only a few icons in the original style. Like the counter.png, desktop.png and a few more. Are those going to be changed in the (near) future?
Edit2: in the package there is an icon "computer.png" which you can use for the desktop.png
Concerning , counter.png I had no relevant idea, the creation of icons is a complicated art (I'm a young Padawan) and everything is not obvious to symbolize the same for desktop.png , the icon computer.png already being used by the switches I did not want to make it too repetitive and this will be part of a future update ...
Other icons were left as is because I do not know where they are used and I just make sure it's "logical" and "understandable".
Anyway thank you for your compliments !
Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 9:12
by gevaudan
remb0 wrote:very nice. thank you very much.
You welcome.
Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 10:32
by gevaudan
New Update - V1.100

- Capture d’écran 2015-08-28 à 10.21.37.png (173.15 KiB) Viewed 25535 times
- replace desktop.png (icon star, most logical than a "desktop")
- replace house.png (icon plan like google map / plan app)
- little bug corrected in camera menu (icon size)
- replace counter.png (icon speedometer)
How to Proceed (unix cmd) :
- download file :
http://dl.free.fr/rPEAGIAtt (images-v1.100.zip)
- backup your images folder in Domoticz : cp -R images images.old
- unzip file : unzip-v1.100.zip
- restart Domoticz : sudo service domoticz restart
- clean your browser cache !!!
Thx for your comments.
Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 19:46
by ThinkPad
Just installed the icons, looking good!
http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update

Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 21:47
by remb0
Maybe choosable in settings? so everyone can choose 2.0 stylish flats or the defaults??
ThinkPad wrote:Just installed the icons, looking good!
http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update

Re: Flat Design for icon (replace www/images)
Posted: Friday 28 August 2015 23:00
by gevaudan
ThinkPad wrote:Just installed the icons, looking good!
http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update

Very cool. I have some others idea...
Re: Flat Design for icon (replace www/images)
Posted: Saturday 29 August 2015 12:43
by remb0
Tell us

Re: Flat Design for icon (replace www/images)
Posted: Sunday 30 August 2015 20:42
by ThinkPad
I made this CSS-sheet to change the looks of Domoticz:

Looks good together with your icons.
See my forumpost with the CSS-code
here.
Re: Flat Design for icon (replace www/images)
Posted: Monday 31 August 2015 9:43
by gevaudan
ThinkPad wrote:I made this CSS-sheet to change the looks of Domoticz:

Looks good together with your icons.
See my forumpost with the CSS-code
here.
Very cool!
Re: Flat Design for icon (replace www/images)
Posted: Monday 31 August 2015 9:49
by gevaudan
New Update - V1.101
- replace add.png (old icon - Thx ThinkPad)
- replace uv.png (icon size error)
How to Proceed (unix cmd) :
- download file :
http://dl.free.fr/qMpI4KzIb (images-v1.101.zip)
- backup your images folder in Domoticz : cp -R images images.old
- unzip file : unzip-v1.101.zip
- restart Domoticz : sudo service domoticz restart
- clean your browser cache !!!
Thx for your comments.
Re: Flat Design for icon (replace www/images)
Posted: Monday 31 August 2015 9:55
by gevaudan
remb0 wrote:Tell us

May be that's coming soon...

Re: Flat Design for icon (replace www/images)
Posted: Monday 28 September 2015 12:04
by gevaudan
gevaudan wrote:remb0 wrote:Tell us

May be that's coming soon...

I'll be busy for a moment with the birth of my children ( twins) . Sorry for my absence .
Re: Flat Design for icon (replace www/images)
Posted: Monday 16 November 2015 15:57
by locogek
Who nice work! Will try the skin later on today. Thx a lot.
Verstuurd vanaf mijn ONE A2003 met Tapatalk
Re: Flat Design for icon (replace www/images)
Posted: Thursday 19 November 2015 10:30
by pepeEL
I change and add some icon... Pleqase add this to all archive and change version example to 1.102

- new icons.jpg (30.07 KiB) Viewed 23895 times
Re: Flat Design for icon (replace www/images)
Posted: Sunday 06 December 2015 12:35
by remb0
nice

thank you