SVG Union Jack Path (Copy 5568)

✨ นายสิทธิเจตน์ วานิชสรรพ์

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:black;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
        max-height:90vh;
        max-width:100%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 60 30">
      <rect width="60" height="30" fill="#022169"/>
      <path
            fill="white"
            d="m0,0
               h6
               L60,27
               v3
               h-6
               L0,3
               ">
      </path>
      <path
            fill="white"
            d="m60,0
               h-6
               L0,27
               v3
               h6
               L60,3
               ">
      </path>
      <path
            fill="#cc0100"
            d="m0 0
               L20 10
               h-4
               L0 2
               "/>
      <path
            fill="#cc0100"
            d="m60 0
               h-4
               L36 10
               h4
               "/>
      <path
            fill="#cc0100"
            d="m60 30
               L40 20
               h4
               L60 28
               "/>
      <path
            fill="#cc0100"
            d="m0 30
               L20 20
               h4
               L4 30
               "/>
      <path
            stroke-width="10"
            stroke="white"
            d="m30 0 v30"
            />
      <path
            stroke-width="10"
            stroke="white"
            d="m0 15 h60"
            />
      <path
            stroke-width="6"
            stroke="#cc0100"
            d="m30 0 v30"
            />
      <path
            stroke-width="6"
            stroke="#cc0100"
            d="m0 15 h60"
            />
    </svg>
    ---
    <svg viewBox="0 0 16 8">
      <rect width="16" height="1" y="0" fill="white"/>
      <rect width="16" height="1" y="1" fill="#cc0100"/>
      <rect width="16" height="1" y="2" fill="#022169"/>
      <rect width="16" height="1" y="3" fill="white"/>
      <rect width="16" height="1" y="4" fill="#cc0100"/>
      <rect width="16" height="1" y="5" fill="#022169"/>
      <rect width="16" height="1" y="6" fill="white"/>
      <rect width="16" height="1" y="7" fill="#cc0100"/>
      <svg viewBox="0 0 60 30" width="8" y="-2">
        <rect width="60" height="30" fill="#022169"/>
        <path
              fill="white"
              d="m0,0
                 h6
                 L60,27
                 v3
                 h-6
                 L0,3
                 ">
        </path>
        <path
              fill="white"
              d="m60,0
                 h-6
                 L0,27
                 v3
                 h6
                 L60,3
                 ">
        </path>
        <path
              fill="#cc0100"
              d="m0 0
                 L20 10
                 h-4
                 L0 2
                 "/>
        <path
              fill="#cc0100"
              d="m60 0
                 h-4
                 L36 10
                 h4
                 "/>
        <path
              fill="#cc0100"
              d="m60 30
                 L40 20
                 h4
                 L60 28
                 "/>
        <path
              fill="#cc0100"
              d="m0 30
                 L20 20
                 h4
                 L4 30
                 "/>
        <path
              stroke-width="10"
              stroke="white"
              d="m30 0 v30"
              />
        <path
              stroke-width="10"
              stroke="white"
              d="m0 15 h60"
              />
        <path
              stroke-width="6"
              stroke="#cc0100"
              d="m30 0 v30"
              />
        <path
              stroke-width="6"
              stroke="#cc0100"
              d="m0 15 h60"
              />
      </svg>
    </svg>
    
    ---
    <svg viewBox="0 0 26 13">
      <rect width="26" height="1" y="0" fill="#cc0100"/>
      <rect width="26" height="1" y="1" fill="white"/>
      <rect width="26" height="1" y="2" fill="#cc0100"/>
      <rect width="26" height="1" y="3" fill="white"/>
      <rect width="26" height="1" y="4" fill="#cc0100"/>
      <rect width="26" height="1" y="5" fill="white"/>
      <rect width="26" height="1" y="6" fill="#cc0100"/>
      <rect width="26" height="1" y="7" fill="white"/>
      <rect width="26" height="1" y="8" fill="#cc0100"/>
      <rect width="26" height="1" y="9" fill="white"/>
      <rect width="26" height="1" y="10" fill="#cc0100"/>
      <rect width="26" height="1" y="11" fill="white"/>
      <rect width="26" height="1" y="12" fill="#cc0100"/>
      <svg viewBox="0 0 60 30" height="6" width="12">
        <rect width="60" height="30" fill="#022169"/>
        <path
              fill="white"
              d="m0,0
                 h6
                 L60,27
                 v3
                 h-6
                 L0,3
                 ">
        </path>
        <path
              fill="white"
              d="m60,0
                 h-6
                 L0,27
                 v3
                 h6
                 L60,3
                 ">
        </path>
        <path
              fill="#cc0100"
              d="m0 0
                 L20 10
                 h-4
                 L0 2
                 "/>
        <path
              fill="#cc0100"
              d="m60 0
                 h-4
                 L36 10
                 h4
                 "/>
        <path
              fill="#cc0100"
              d="m60 30
                 L40 20
                 h4
                 L60 28
                 "/>
        <path
              fill="#cc0100"
              d="m0 30
                 L20 20
                 h4
                 L4 30
                 "/>
        <path
              stroke-width="10"
              stroke="white"
              d="m30 0 v30"
              />
        <path
              stroke-width="10"
              stroke="white"
              d="m0 15 h60"
              />
        <path
              stroke-width="6"
              stroke="#cc0100"
              d="m30 0 v30"
              />
        <path
              stroke-width="6"
              stroke="#cc0100"
              d="m0 15 h60"
              />
      </svg>
    </svg>
  </body>
</html>