SVG Dynamic Themes

Button elements

| File name: | "button-0-off.svg" |
| Name attribute: | "button-0" |

This sensor element has both states placed at the same place for the states "off" and "on".
The sequence and the color "none" do not matter because
- only the active state will be displayed.

symbol

SVG code

off

on

<svg name="button-0" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g>
    <!-- track -->
    <path stroke="rgb(000,000,000)" fill="rgb(255,255,255)" d="M 7,7 L 24,7 L 24,24 L 7,24 z "/>

    <!-- off -->
    <path led="102" stroke="rgb(255,000,000)" fill="rgb(255,000,000)" d="M 10,10 L 21,10 L 21,21 L 10,21 z "/>
    <!-- on -->
    <path led="102" stroke="none" fill="none" d="M 10,10 L 21,10 L 21,21 L 10,21 z "/>
 
    <!-- ID -->
    <rect txt="1" txtalign="center" x="0" y="0" rx="0" width="31" height="10" stroke="none" fill="none"/>
  </g>
</svg>

For coding the LED attribute see LED Attribute Values .