SVG Dynamic Themes

Symbol list

Switch elements

As long as the route state of the switch is "free" the color "Slip" is used display the state of the switch (straight, turnout, …).

symbol SVG code
straight




turnout 



<svg name="turnoutleft" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g state="straight">
    <!-- track straight -->
    <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 "/>
    <!-- track turnout -->
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 31,19 L 24,19 L 12,31 L 20,31 L 31,20 z "/>
    <path stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 19,26 L 25,20 L 27,22 L 21,28 z "/>
  </g>

  <g state="turnout">
    <!-- track straight -->
    <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 stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>
    <!-- track turnout -->
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 31,19 L 24,19 L 12,31 L 20,31 L 31,20 z "/>
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 19,26 L 25,20 L 27,22 L 21,28 z "/>
  </g>

  <g state="all">
    <!-- 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 .

The same symbol can be coded in a way that
- state="all" is coding the complete symbol and
- the state="straight" and state="turnout" are coding the illumination part only.

symbol SVG code
straight




turnout 



<svg name="turnoutleft" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g state="all">
    <!-- track straight -->
    <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 stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>
    <!-- track turnout -->
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 31,19 L 24,19 L 12,31 L 20,31 L 31,20 z "/>
    <path stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 19,26 L 25,20 L 27,22 L 21,28 z "/>
    <!-- ID -->
    <rect txt="1" txtalign="center" x="0" y="0" rx="0" width="31" height="10" stroke="none" fill="none"/>
    <!-- SpDrS60reloaded -->
    <rect x="0" y="0" rx="0" width="2" height="2" stroke="rgb(0,0,255)" fill="rgb(0,0,255)"/>
  </g>

  <g state="straight">
    <!-- track straight -->
    <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 "/>
    <!-- track turnout -->
  </g>

  <g state="turnout">
    <!-- track straight -->
    <!-- track turnout -->
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 19,26 L 25,20 L 27,22 L 21,28 z "/>
  </g>
</svg>

For coding the LED attribute see LED Attribute Values .