ground truth

SVG Loading icons

csssource ↗

model outputs

Gemini 3 Flash Preview →

A 0.92T 0.25

Qwen3-VL-8B-Instruct →

A 0.67T 0.21

GPT-5.4 →

A 0.90T 0.30

Claude Sonnet 4.6 →

A 0.89T 0.28

LLaMA 4 Scout →

A 0.84T 0.24

1<div class="loader loader--style6" title="5">
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="13" width="4" height="5" fill="#333">
5      <animate attributeName="height" attributeType="XML"
6        values="5;21;5" 
7        begin="0s" dur="0.6s" repeatCount="indefinite" />
8      <animate attributeName="y" attributeType="XML"
9        values="13; 5; 13"
10        begin="0s" dur="0.6s" repeatCount="indefinite" />
11    </rect>
12    <rect x="10" y="13" width="4" height="5" fill="#333">
13      <animate attributeName="height" attributeType="XML"
14        values="5;21;5" 
15        begin="0.15s" dur="0.6s" repeatCount="indefinite" />
16      <animate attributeName="y" attributeType="XML"
17        values="13; 5; 13"
18        begin="0.15s" dur="0.6s" repeatCount="indefinite" />
19    </rect>
20    <rect x="20" y="13" width="4" height="5" fill="#333">
21      <animate attributeName="height" attributeType="XML"
22        values="5;21;5" 
23        begin="0.3s" dur="0.6s" repeatCount="indefinite" />
24      <animate attributeName="y" attributeType="XML"
25        values="13; 5; 13"
26        begin="0.3s" dur="0.6s" repeatCount="indefinite" />
27    </rect>
28  </svg>
29</div>
30