ground truth

SVG Loading icons

csssource ↗

model outputs

Gemini 3 Flash Preview →

A 0.87T 0.19

Qwen3-VL-8B-Instruct →

A 0.75T 0.17

GPT-5.4 →

A 0.88T 0.25

Claude Sonnet 4.6 →

A 0.85T 0.22

LLaMA 4 Scout →

A 0.67T 0.19

1<div class="loader loader--style5" title="4">
2  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3     width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
4    <rect x="0" y="0" width="4" height="10" fill="#333">
5      <animateTransform attributeType="xml"
6        attributeName="transform" type="translate"
7        values="0 0; 0 20; 0 0"
8        begin="0" dur="0.6s" repeatCount="indefinite" />
9    </rect>
10    <rect x="10" y="0" width="4" height="10" fill="#333">
11      <animateTransform attributeType="xml"
12        attributeName="transform" type="translate"
13        values="0 0; 0 20; 0 0"
14        begin="0.2s" dur="0.6s" repeatCount="indefinite" />
15    </rect>
16    <rect x="20" y="0" width="4" height="10" fill="#333">
17      <animateTransform attributeType="xml"
18        attributeName="transform" type="translate"
19        values="0 0; 0 20; 0 0"
20        begin="0.4s" dur="0.6s" repeatCount="indefinite" />
21    </rect>
22  </svg>
23</div>
24