Jump to content

Welcome to Smart Home Forum by FIBARO

Dear Guest,


as you can notice parts of Smart Home Forum by FIBARO is not available for you. You have to register in order to view all content and post in our community. Don't worry! Registration is a simple free process that requires minimal information for you to sign up. Become a part of of Smart Home Forum by FIBARO by creating an account.


As a member you can:

  •     Start new topics and reply to others
  •     Follow topics and users to get email updates
  •     Get your own profile page and make new friends
  •     Send personal messages
  •     ... and learn a lot about our system!



Smart Home Forum by FIBARO Team

  • 0

How to create icons for Scenes and Devices?



Hi all,


My apologies upfront if this is not a relevant question for the forum, but I'm very interested in learning how users are making their own icons for devices / scenes, etc. I'd like to create some of my own and load them into the Downloads/icons forum if anyone feels they are good enough.


Can someone point me in the right direction?



Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
11 hours ago, LeeSteventon said:

I was looking for pointers on tools / techniques on how to CREATE icons that I can upload and use.


Here's what I do to create icons for my HC2:


Icons need to be 128 x 128 pixels in PNG format. Note that a different icon for each device state can be created.

·         Obtain a graphic (eg from Google images or clipart)

·         Load into Paint 3D (preinstalled with Windows 10)

·         Edit the graphic if needed (eg to add overlays)

·         Select Magic Picture tool; crop; add/remove areas if needed; click done

·         Select Canvas  ->  Show Canvas  -> off

·         Menu  ->  Save  ->  PNG; Transparency. 

·         Select Adjust angle & framing button: select 1:1; then zoom and reposition as needed. 

·         Select width = 128 and height = 128, and save the icon.

·         In the Virtual Device, select Change Icon and upload it.


Link to comment
Share on other sites

  • 0
  • Inquirer
  • Hi @RobertL and thanks for your reply. However, I wasn't looking for info on how to CHANGE an icon (that's self evident), I was looking for pointers on tools / techniques on how to CREATE icons that I can upload and use.

    Link to comment
    Share on other sites

    • 0


    If you use a program like PhotoScape you can make PNG files (size 128x128) and use them as icons.. :-)


    The article says:




    Some things to keep in mind...



    • The image size for the icon should be 128px x 128px (pixels).
    • Use the PNG (.png) image format (with transparent backgrounds) for icons.
    • Don't make your icons too dark (or they will not display well within Fibaro).
    • Some devices and Scenes only require 1 icon (and very rarely, they cannot be changed).
    • Most devices require 2 icons (on/off, open/closed, locked,unlocked, etc.).
    • A few devices (such as dimmable lighting) require more than 2 icons (up to 11 icons)


    Link to comment
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Answer this question...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


    • Create New...