Qwen3.8 Flash

by QwenReasoningClean

Running live in a sandboxed frame. Click inside it before using the keyboard.

How it went

Total time: 2 min 1 s
Cost: $0.0041
Output tokens: 8,524
Spent thinking: 0 tokens
Speed: 73.9 tok/s
Console errors: 0

First token after: 5.9 s
First visible text after: 5.9 s
Prompt tokens: 550
Code size: 15.9 KB
Finish reason: stop
Served by: Alibaba
Model id: qwen/qwen3.8-flash
Reasoning sent: {"effort":"none"}
Max output: 64,000 tokens
Generated: Nov 11, 2026

What it was asked

The prompt

Create a standalone SVG illustration of a fox sitting on a hill, looking at the moon on a starry night, with a few subtle animations. Requirements: - Output a single valid .svg file (```svg code block) with a viewBox of 0 0 800 600. - Hand-written shapes and paths only: no embedded raster images, no external references, no JavaScript. - The fox must be clearly recognizable (pointy ears, snout, bushy tail with a white tip). - Include the moon with a soft glow, many stars, the hill and some background elements (trees, distant hills). - Use a coherent color palette and at least one gradient. - Animations (SMIL or CSS inside the SVG), all looping seamlessly: stars twinkling, the fox's tail swaying gently, and a shooting star crossing the sky every 4 seconds (the first one within 2 seconds).

System prompt, sent with every prompt

You are generating a self-contained web demo. It will be rendered automatically in a sandboxed iframe and compared side by side with the output of other AI models given the exact same task.

Output rules:
- Reply with exactly ONE fenced code block containing the complete file: ```html (or ```svg when the task asks for an SVG). No text before or after the code block.
- Everything must be inline: CSS in <style>, JavaScript in <script>. No external files, images, fonts or network requests, except the CDN URLs explicitly allowed by the task.
- Do not use localStorage, sessionStorage, cookies, IndexedDB, alert(), confirm(), prompt() or window.open(): they are blocked in the sandbox and will throw.
- The page must look right in a 1280×800 viewport and adapt gracefully down to 375px wide. No horizontal scrollbar.
- Something meaningful must be visible on first paint: a screenshot is taken automatically about 3 seconds after load, without any interaction.
- Everything that makes the demo interesting must be visible within the first seconds: nothing hidden behind a high score, a later level or a long play session.
- Games must start in a self-playing demo mode (a simple AI plays) behind a "Click or press a key to start" message, so the game can be judged in action without playing.
- The iframe only receives keyboard events after the user clicks it: if the demo uses the keyboard, display a clear "Click or press a key to start" message.
- The code must run with zero errors in the console of the latest Chrome.

Code run-1.svg · 307 lines

Download

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" role="img" aria-label="A fox sitting on a hill, gazing at the moon on a starry night">
  <title>Fox on a Hill under a Starry Moonlit Night</title>
  <desc>A stylized fox with pointy ears and a bushy white-tipped tail sits on a grassy hill, looking up at a glowing crescent moon among twinkling stars. A shooting star crosses the sky every few seconds.</desc>

  <defs>
    <linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#05071f"/>
      <stop offset="42%" stop-color="#141a44"/>
      <stop offset="76%" stop-color="#2b2c66"/>
      <stop offset="100%" stop-color="#493d78"/>
    </linearGradient>

    <radialGradient id="moonGlow" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#fdf6da" stop-opacity="0.9"/>
      <stop offset="22%" stop-color="#fbeebf" stop-opacity="0.5"/>
      <stop offset="48%" stop-color="#e7ddab" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#e7ddab" stop-opacity="0"/>
    </radialGradient>

    <radialGradient id="moonBody" cx="38%" cy="34%" r="72%">
      <stop offset="0%" stop-color="#fffdf0"/>
      <stop offset="60%" stop-color="#f5ecd0"/>
      <stop offset="100%" stop-color="#e3d3a6"/>
    </radialGradient>

    <linearGradient id="hillBack" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#2b3f61"/>
      <stop offset="100%" stop-color="#182a46"/>
    </linearGradient>

    <linearGradient id="hillMid" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#1d3350"/>
      <stop offset="100%" stop-color="#0f1d34"/>
    </linearGradient>

    <linearGradient id="hillFront" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#152a45"/>
      <stop offset="100%" stop-color="#070f1f"/>
    </linearGradient>

    <linearGradient id="foxBody" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#ef8a3f"/>
      <stop offset="100%" stop-color="#c85c1c"/>
    </linearGradient>

    <linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#d1651f"/>
      <stop offset="100%" stop-color="#ee8a41"/>
    </linearGradient>

    <clipPath id="moonClip"><circle cx="620" cy="135" r="54"/></clipPath>

    <style>
      .tw{transform-box:fill-box;transform-origin:center;animation:tw 3s ease-in-out infinite}
      @keyframes tw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}
      .t1{animation-duration:2.4s}.t2{animation-duration:3.2s}.t3{animation-duration:4s}.t4{animation-duration:2.8s}
      .d1{animation-delay:-.3s}.d2{animation-delay:-1.1s}.d3{animation-delay:-1.9s}.d4{animation-delay:-2.6s}
      #tail{transform-box:fill-box;transform-origin:bottom center;animation:sway 5s ease-in-out infinite}
      @keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
      #shoot{transform-box:fill-box;transform-origin:center;animation:shoot 4s linear infinite}
      @keyframes shoot{0%{opacity:0;transform:translate(-40px,-15px) scale(.5)}3%{opacity:1}14%{opacity:1}22%{opacity:0;transform:translate(300px,120px) scale(1)}100%{opacity:0}}
      #moonGlow{transform-box:fill-box;transform-origin:center;animation:breathe 6s ease-in-out infinite}
      @keyframes breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
      @media (prefers-reduced-motion: reduce){*{animation:none!important}}
    </style>
  </defs>

  <!-- Sky -->
  <rect x="0" y="0" width="800" height="600" fill="url(#sky)"/>

  <!-- Stars -->
  <g fill="#eaf0ff">
    <circle class="tw t1 d1" cx="30" cy="40" r="1.6"/>
    <circle class="tw t2 d3" cx="55" cy="90" r="1.2"/>
    <circle class="tw t3 d2" cx="80" cy="30" r="1.4"/>
    <circle class="tw t1 d4" cx="100" cy="150" r="1.1"/>
    <circle class="tw t2 d1" cx="120" cy="60" r="1.6"/>
    <circle class="tw t4 d3" cx="140" cy="120" r="1.2"/>
    <circle class="tw t1 d2" cx="160" cy="35" r="1.3"/>
    <circle class="tw t3 d4" cx="180" cy="100" r="1.5"/>
    <circle class="tw t2 d1" cx="200" cy="55" r="1.1"/>
    <circle class="tw t1 d3" cx="220" cy="140" r="1.4"/>
    <circle class="tw t4 d2" cx="240" cy="30" r="1.2"/>
    <circle class="tw t2 d4" cx="260" cy="90" r="1.6"/>
    <circle class="tw t3 d1" cx="280" cy="60" r="1.1"/>
    <circle class="tw t1 d2" cx="300" cy="120" r="1.4"/>
    <circle class="tw t2 d3" cx="320" cy="40" r="1.2"/>
    <circle class="tw t4 d1" cx="340" cy="100" r="1.5"/>
    <circle class="tw t1 d4" cx="360" cy="55" r="1.1"/>
    <circle class="tw t3 d2" cx="380" cy="130" r="1.3"/>
    <circle class="tw t2 d3" cx="400" cy="35" r="1.6"/>
    <circle class="tw t1 d1" cx="420" cy="90" r="1.2"/>
    <circle class="tw t4 d2" cx="440" cy="60" r="1.4"/>
    <circle class="tw t2 d4" cx="460" cy="120" r="1.1"/>
    <circle class="tw t3 d1" cx="480" cy="40" r="1.5"/>
    <circle class="tw t1 d3" cx="500" cy="100" r="1.2"/>
    <circle class="tw t2 d2" cx="520" cy="55" r="1.3"/>
    <circle class="tw t4 d4" cx="540" cy="130" r="1.6"/>
    <circle class="tw t1 d1" cx="560" cy="35" r="1.1"/>
    <circle class="tw t3 d3" cx="580" cy="90" r="1.4"/>
    <circle class="tw t2 d2" cx="600" cy="60" r="1.2"/>
    <circle class="tw t1 d4" cx="640" cy="40" r="1.5"/>
    <circle class="tw t4 d1" cx="660" cy="100" r="1.1"/>
    <circle class="tw t2 d3" cx="680" cy="55" r="1.3"/>
    <circle class="tw t3 d2" cx="700" cy="120" r="1.6"/>
    <circle class="tw t1 d4" cx="720" cy="35" r="1.2"/>
    <circle class="tw t2 d1" cx="740" cy="90" r="1.4"/>
    <circle class="tw t4 d3" cx="760" cy="60" r="1.1"/>
    <circle class="tw t1 d2" cx="780" cy="130" r="1.5"/>
    <circle class="tw t3 d4" cx="45" cy="200" r="1.3"/>
    <circle class="tw t2 d1" cx="110" cy="210" r="1.1"/>
    <circle class="tw t1 d3" cx="175" cy="185" r="1.5"/>
    <circle class="tw t4 d2" cx="245" cy="205" r="1.2"/>
    <circle class="tw t2 d4" cx="310" cy="190" r="1.4"/>
    <circle class="tw t3 d1" cx="375" cy="215" r="1.1"/>
    <circle class="tw t1 d2" cx="445" cy="195" r="1.6"/>
    <circle class="tw t4 d3" cx="505" cy="210" r="1.2"/>
    <circle class="tw t2 d4" cx="565" cy="185" r="1.4"/>
    <circle class="tw t1 d1" cx="655" cy="205" r="1.1"/>
    <circle class="tw t3 d2" cx="715" cy="190" r="1.5"/>
    <circle class="tw t2 d3" cx="775" cy="215" r="1.2"/>
    <circle class="tw t1 d4" cx="25" cy="260" r="1.3"/>
    <circle class="tw t4 d1" cx="95" cy="255" r="1.1"/>
    <circle class="tw t2 d2" cx="165" cy="270" r="1.4"/>
    <circle class="tw t3 d3" cx="235" cy="250" r="1.2"/>
    <circle class="tw t1 d4" cx="305" cy="265" r="1.5"/>
    <circle class="tw t2 d1" cx="375" cy="255" r="1.1"/>
    <circle class="tw t4 d2" cx="445" cy="270" r="1.3"/>
    <circle class="tw t3 d3" cx="515" cy="250" r="1.6"/>
    <circle class="tw t1 d4" cx="585" cy="265" r="1.2"/>
    <circle class="tw t2 d1" cx="655" cy="255" r="1.4"/>
    <circle class="tw t4 d2" cx="725" cy="270" r="1.1"/>
    <circle class="tw t3 d3" cx="785" cy="250" r="1.5"/>
    <circle class="tw t1 d4" cx="60" cy="300" r="1.2"/>
    <circle class="tw t2 d1" cx="140" cy="310" r="1.4"/>
    <circle class="tw t3 d2" cx="220" cy="300" r="1.1"/>
    <circle class="tw t4 d3" cx="300" cy="315" r="1.5"/>
    <circle class="tw t1 d4" cx="380" cy="305" r="1.2"/>
    <circle class="tw t2 d1" cx="460" cy="315" r="1.4"/>
    <circle class="tw t3 d2" cx="540" cy="300" r="1.1"/>
    <circle class="tw t4 d3" cx="620" cy="310" r="1.5"/>
    <circle class="tw t1 d4" cx="700" cy="305" r="1.2"/>
    <circle class="tw t2 d1" cx="770" cy="315" r="1.4"/>
    <circle class="tw t3 d2" cx="20" cy="340" r="1.1"/>
    <circle class="tw t4 d3" cx="100" cy="350" r="1.3"/>
    <circle class="tw t1 d4" cx="180" cy="345" r="1.2"/>
    <circle class="tw t2 d1" cx="260" cy="355" r="1.4"/>
    <circle class="tw t3 d2" cx="340" cy="345" r="1.1"/>
    <circle class="tw t4 d3" cx="420" cy="355" r="1.5"/>
    <circle class="tw t1 d4" cx="500" cy="345" r="1.2"/>
    <circle class="tw t2 d1" cx="580" cy="355" r="1.4"/>
    <circle class="tw t3 d2" cx="660" cy="345" r="1.1"/>
    <circle class="tw t4 d3" cx="740" cy="355" r="1.3"/>
    <circle class="tw t1 d4" cx="40" cy="380" r="1.2"/>
    <circle class="tw t2 d1" cx="120" cy="385" r="1.4"/>
    <circle class="tw t3 d2" cx="200" cy="380" r="1.1"/>
    <circle class="tw t4 d3" cx="280" cy="388" r="1.5"/>
    <circle class="tw t1 d4" cx="360" cy="382" r="1.2"/>
    <circle class="tw t2 d1" cx="440" cy="388" r="1.4"/>
    <circle class="tw t3 d2" cx="520" cy="382" r="1.1"/>
    <circle class="tw t4 d3" cx="600" cy="388" r="1.5"/>
    <circle class="tw t1 d4" cx="680" cy="382" r="1.2"/>
    <circle class="tw t2 d1" cx="760" cy="388" r="1.4"/>
    <circle class="tw t3 d2" cx="60" cy="420" r="1.1"/>
    <circle class="tw t4 d3" cx="140" cy="425" r="1.3"/>
    <circle class="tw t1 d4" cx="220" cy="420" r="1.2"/>
    <circle class="tw t2 d1" cx="300" cy="428" r="1.4"/>
    <circle class="tw t3 d2" cx="380" cy="422" r="1.1"/>
    <circle class="tw t4 d3" cx="460" cy="428" r="1.5"/>
    <circle class="tw t1 d4" cx="540" cy="422" r="1.2"/>
    <circle class="tw t2 d1" cx="620" cy="428" r="1.4"/>
    <circle class="tw t3 d2" cx="700" cy="422" r="1.1"/>
    <circle class="tw t4 d3" cx="780" cy="428" r="1.3"/>
    <circle class="tw t1 d4" cx="30" cy="455" r="1.2"/>
    <circle class="tw t2 d1" cx="110" cy="460" r="1.4"/>
    <circle class="tw t3 d2" cx="190" cy="455" r="1.1"/>
    <circle class="tw t4 d3" cx="270" cy="462" r="1.5"/>
    <circle class="tw t1 d4" cx="350" cy="456" r="1.2"/>
    <circle class="tw t2 d1" cx="430" cy="462" r="1.4"/>
    <circle class="tw t3 d2" cx="510" cy="456" r="1.1"/>
    <circle class="tw t4 d3" cx="590" cy="462" r="1.5"/>
    <circle class="tw t1 d4" cx="670" cy="456" r="1.2"/>
    <circle class="tw t2 d1" cx="750" cy="462" r="1.4"/>
  </g>

  <!-- Brighter sparkles -->
  <g fill="#ffffff">
    <path class="tw t2 d1" transform="translate(70,110)" d="M0,-6 C0.6,-1.5 1.5,-0.6 6,0 C1.5,0.6 0.6,1.5 0,6 C-0.6,1.5 -1.5,0.6 -6,0 C-1.5,-0.6 -0.6,-1.5 0,-6 Z"/>
    <path class="tw t3 d3" transform="translate(300,70)" d="M0,-5 C0.5,-1.3 1.3,-0.5 5,0 C1.3,0.5 0.5,1.3 0,5 C-0.5,1.3 -1.3,0.5 -5,0 C-1.3,-0.5 -0.5,-1.3 0,-5 Z"/>
    <path class="tw t1 d2" transform="translate(500,150)" d="M0,-6 C0.6,-1.5 1.5,-0.6 6,0 C1.5,0.6 0.6,1.5 0,6 C-0.6,1.5 -1.5,0.6 -6,0 C-1.5,-0.6 -0.6,-1.5 0,-6 Z"/>
    <path class="tw t4 d4" transform="translate(720,80)" d="M0,-5 C0.5,-1.3 1.3,-0.5 5,0 C1.3,0.5 0.5,1.3 0,5 C-0.5,1.3 -1.3,0.5 -5,0 C-1.3,-0.5 -0.5,-1.3 0,-5 Z"/>
    <path class="tw t2 d2" transform="translate(150,230)" d="M0,-5 C0.5,-1.3 1.3,-0.5 5,0 C1.3,0.5 0.5,1.3 0,5 C-0.5,1.3 -1.3,0.5 -5,0 C-1.3,-0.5 -0.5,-1.3 0,-5 Z"/>
    <path class="tw t3 d1" transform="translate(640,240)" d="M0,-6 C0.6,-1.5 1.5,-0.6 6,0 C1.5,0.6 0.6,1.5 0,6 C-0.6,1.5 -1.5,0.6 -6,0 C-1.5,-0.6 -0.6,-1.5 0,-6 Z"/>
  </g>

  <!-- Shooting star -->
  <g id="shoot">
    <polygon points="-78,-1.5 0,0 -78,1.5" fill="#dfeaff" opacity="0.5"/>
    <line x1="-60" y1="0" x2="0" y2="0" stroke="#eaf2ff" stroke-width="2.5" stroke-linecap="round" opacity="0.9"/>
    <circle cx="0" cy="0" r="3.2" fill="#ffffff"/>
    <circle cx="0" cy="0" r="6" fill="#bcd0ff" opacity="0.35"/>
  </g>

  <!-- Moon -->
  <circle id="moonGlow" cx="620" cy="135" r="120" fill="url(#moonGlow)"/>
  <circle cx="620" cy="135" r="54" fill="url(#moonBody)"/>
  <g clip-path="url(#moonClip)">
    <circle cx="600" cy="118" r="8" fill="#dccfa0" opacity="0.55"/>
    <circle cx="636" cy="150" r="6" fill="#dccfa0" opacity="0.5"/>
    <circle cx="612" cy="158" r="4.5" fill="#dccfa0" opacity="0.45"/>
    <circle cx="648" cy="112" r="3.5" fill="#dccfa0" opacity="0.4"/>
    <circle cx="655" cy="128" r="60" fill="#0a0f2c" opacity="0.9"/>
  </g>

  <!-- Distant hills -->
  <path d="M0,470 Q140,430 280,460 T560,455 T800,468 L800,600 L0,600 Z" fill="url(#hillBack)"/>

  <!-- Pine trees -->
  <g fill="#0d1d33">
    <rect x="117" y="466" width="6" height="12"/>
    <polygon points="120,420 106,452 134,452"/>
    <polygon points="120,438 100,472 140,472"/>
    <rect x="167" y="474" width="6" height="12"/>
    <polygon points="170,432 156,462 184,462"/>
    <polygon points="170,450 150,480 190,480"/>
    <rect x="217" y="462" width="6" height="12"/>
    <polygon points="220,416 206,448 234,448"/>
    <polygon points="220,434 200,468 240,468"/>
    <rect x="707" y="470" width="6" height="12"/>
    <polygon points="710,426 696,458 724,458"/>
    <polygon points="710,444 690,476 730,476"/>
    <rect x="757" y="462" width="6" height="12"/>
    <polygon points="760,418 746,450 774,450"/>
    <polygon points="760,436 740,470 780,470"/>
  </g>

  <!-- Mid hills -->
  <path d="M0,510 Q180,470 360,500 T720,495 Q760,493 800,505 L800,600 L0,600 Z" fill="url(#hillMid)"/>

  <!-- Foreground hill -->
  <path d="M0,600 L0,560 Q120,520 260,540 Q340,552 400,500 Q470,445 560,470 Q660,495 800,540 L800,600 Z" fill="url(#hillFront)"/>

  <!-- Fox shadow -->
  <ellipse cx="402" cy="510" rx="72" ry="9" fill="#000000" opacity="0.22"/>

  <!-- Fox -->
  <g>
    <!-- Tail (behind body, swaying) -->
    <g id="tail">
      <path d="M372,492 C352,500 320,492 298,466 C282,446 276,424 286,410 C298,420 300,438 314,452 C334,472 356,480 376,478 C384,482 384,490 372,492 Z" fill="url(#tailGrad)"/>
      <path d="M286,410 C276,424 282,446 298,466 C290,452 288,432 296,418 C292,414 288,412 286,410 Z" fill="#f4efe4"/>
    </g>

    <!-- Body -->
    <path d="M366,498 C358,470 366,440 384,424 C398,412 420,412 432,426 C446,444 450,474 444,498 C430,506 380,506 366,498 Z" fill="url(#foxBody)"/>

    <!-- Chest / belly -->
    <path d="M392,436 C384,452 384,478 392,498 C400,504 416,504 424,498 C432,478 432,452 424,436 C416,430 400,430 392,436 Z" fill="#f4efe4"/>

    <!-- Front legs -->
    <rect x="390" y="470" width="12" height="34" rx="6" fill="#cf6420"/>
    <rect x="414" y="470" width="12" height="34" rx="6" fill="#cf6420"/>
    <ellipse cx="396" cy="504" rx="7" ry="4" fill="#241a12"/>
    <ellipse cx="420" cy="504" rx="7" ry="4" fill="#241a12"/>

    <!-- Head -->
    <g>
      <!-- Ears -->
      <polygon points="384,372 376,338 402,366" fill="#d1651f"/>
      <polygon points="420,372 428,338 402,366" fill="#d1651f"/>
      <polygon points="388,368 383,346 398,364" fill="#241a12"/>
      <polygon points="416,368 421,346 406,364" fill="#241a12"/>

      <!-- Face -->
      <path d="M382,382 C382,362 402,356 402,356 C402,356 422,362 422,382 C422,400 414,414 402,420 C390,414 382,400 382,382 Z" fill="url(#foxBody)"/>

      <!-- Cheek fur -->
      <path d="M382,388 C380,400 388,410 396,412 C392,404 388,396 388,388 Z" fill="#f4efe4"/>
      <path d="M422,388 C424,400 416,410 408,412 C412,404 416,396 416,388 Z" fill="#f4efe4"/>

      <!-- Snout -->
      <path d="M392,398 C392,410 398,418 402,420 C406,418 412,410 412,398 C408,394 396,394 392,398 Z" fill="#f4efe4"/>

      <!-- Eyes -->
      <ellipse cx="394" cy="384" rx="3" ry="4" fill="#241a12"/>
      <ellipse cx="410" cy="384" rx="3" ry="4" fill="#241a12"/>
      <circle cx="395" cy="382" r="1" fill="#ffffff"/>
      <circle cx="411" cy="382" r="1" fill="#ffffff"/>

      <!-- Nose -->
      <path d="M398,416 Q402,413 406,416 Q402,421 398,416 Z" fill="#241a12"/>
    </g>
  </g>

  <!-- Grass tufts -->
  <g stroke="#0a1626" stroke-width="1.6" fill="none" stroke-linecap="round" opacity="0.85">
    <path d="M350,512 q-2,-8 -4,-11 M350,512 q0,-9 1,-12 M350,512 q3,-7 6,-9"/>
    <path d="M455,510 q-2,-8 -4,-11 M455,510 q0,-9 1,-12 M455,510 q3,-7 6,-9"/>
    <path d="M300,522 q-2,-7 -4,-10 M300,522 q0,-8 1,-11 M300,522 q3,-6 6,-8"/>
    <path d="M500,520 q-2,-7 -4,-10 M500,520 q0,-8 1,-11 M500,520 q3,-6 6,-8"/>
    <path d="M250,532 q-2,-7 -4,-10 M250,532 q0,-8 1,-11 M250,532 q3,-6 6,-8"/>
    <path d="M560,528 q-2,-7 -4,-10 M560,528 q0,-8 1,-11 M560,528 q3,-6 6,-8"/>
    <path d="M620,540 q-2,-7 -4,-10 M620,540 q0,-8 1,-11 M620,540 q3,-6 6,-8"/>
    <path d="M180,545 q-2,-7 -4,-10 M180,545 q0,-8 1,-11 M180,545 q3,-6 6,-8"/>
    <path d="M700,552 q-2,-7 -4,-10 M700,552 q0,-8 1,-11 M700,552 q3,-6 6,-8"/>
  </g>
</svg>