SVG Dynamic Themes

Symbol list

Sensor elements

This sensor element has two different sizes 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="sensor" 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(000,000,000)" d="M 0,12 L 31,12 L 31,19 L 0,19 z "/>
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>

    <!-- off -->
    <path led="202" stroke="rgb(000,000,000)" fill="none" d="M 14,11 L 17,11 L 20,14 L 20,17 L 17,20 L 14,20 L 11,17 L 11,14 z "/>
    <!-- on -->
    <path led="203" stroke="rgb(000,000,000)" fill="rgb(255,000,000)" d="M 13,8 L 18,8 L 23,13 L 23,18 L 18,23 L 13,23 L 8,18 L 8,13 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 .

Sensor register elements

accessory-6
This object represents a summary of up to 8 sensors.
LED addressing is done counter clock wise and starts with number 2 at the dot (bottom left side) for the first sensor.

symbol SVG code
free
block
route
shunting
<svg name="accessory-6" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g>
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 0,12 L 31,12 L 31,19 L 0,19 z "/>
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>
    <rect led="2" x="3" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="3" x="10" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="4" x="17" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="5" x="24" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="6" x="24" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="7" x="17" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="8" x="10" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="9" x="3" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <circle cx="2" cy="30" r="1" stroke="rgb(000,000,000)" fill="rgb(000,000,000)"/>
    <!-- no ID -->
  </g>
</svg>

For coding the LED attribute see LED Attribute Values .