SVG Dynamic Themes

Symbol list

Button elements

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 .