SVG Dynamic Themes

Switch elements

| File name: | "turnoutleft.svg" |
| Name attribute: | "turnoutleft" |

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 .