AI Model Comparison

Best AI Model for

SVG Simple Icon

technical · Tested 2026-09

Overall Winners Across All Variations

Quality
GPT-5.6 Sol
Best Value
Llama 4 Maverick
Fastest
Llama 4 Maverick

The Take

The SVG floor is high. Every single model drew a clean, recognizable house — roof, door, windows, chimney — where the ASCII geometric baseline already showed cracks (Llama returned code instead of art). A house is pure geometry, and geometry in coordinate form is exactly what LLMs are good at. GPT-5.6 Sol’s is the most polished, but honestly they all pass.

Baseline capability — clean geometric shapes and paths before anything organic.

The Prompt

Generate an SVG of a simple house icon: a square body, a triangular roof, a door, two windows, and a chimney. Clean geometric shapes, flat colors, centered.

Model Results

GPT-5.6 Sol

Quality
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-label="Simple house icon">
  <!-- Chimney -->
  <rect x="350" y="90" width="48" height="105" rx="4" fill="#A8553A"/>

  <!-- House body -->
  <rect x="116" y="230" width="280" height="220" rx="4" fill="#F2C66D"/>

  <!-- Roof -->
  <path d="M76 240 L256 70 L436 240 Z" fill="#D95745"/>

  <!-- Door -->
  <rect x="216" y="320" width="80" height="130" rx="4" fill="#7A4B32"/>
  <circle cx="278" cy="387" r="6" fill="#F4D35E"/>

  <!-- Windows -->
  <rect x="145" y="285" width="58" height="58" rx="4" fill="#72C7E7"/>
  <path d="M174 285 V343 M145 314 H203" stroke="#FFFFFF" stroke-width="7"/>

  <rect x="309" y="285" width="58" height="58" rx="4" fill="#72C7E7"/>
  <path d="M338 285 V343 M309 314 H367" stroke="#FFFFFF" stroke-width="7"/>
</svg>

GPT-5.2

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="House icon">
  <rect width="256" height="256" fill="#ffffff"/>

  <!-- Roof -->
  <polygon points="128,44 48,112 208,112" fill="#E4572E"/>

  <!-- Chimney -->
  <rect x="168" y="56" width="22" height="46" rx="2" fill="#B23A1E"/>

  <!-- House body -->
  <rect x="64" y="112" width="128" height="104" rx="4" fill="#F2C14E"/>

  <!-- Door -->
  <rect x="118" y="152" width="32" height="64" rx="3" fill="#3A3A3A"/>
  <circle cx="145" cy="184" r="3" fill="#F7F7F7"/>

  <!-- Windows -->
  <rect x="82" y="136" width="30" height="26" rx="2" fill="#7EC8E3"/>
  <rect x="144" y="136" width="30" height="26" rx="2" fill="#7EC8E3"/>

  <!-- Window crossbars -->
  <rect x="96" y="136" width="2" height="26" fill="#ffffff" opacity="0.9"/>
  <rect x="82" y="149" width="30" height="2" fill="#ffffff" opacity="0.9"/>
  <rect x="158" y="136" width="2" height="26" fill="#ffffff" opacity="0.9"/>
  <rect x="144" y="149" width="30" height="2" fill="#ffffff" opacity="0.9"/>

  <!-- Ground line (subtle) -->
  <rect x="48" y="216" width="160" height="6" rx="3" fill="#E6E6E6"/>
</svg>

GPT-4o

Valid SVG
View SVG Code
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
  <!-- Square Body of the House -->
  <rect x="50" y="80" width="100" height="80" fill="#8B4513" />

  <!-- Triangular Roof -->
  <polygon points="50,80 150,80 100,30" fill="#A52A2A" />

  <!-- Door -->
  <rect x="90" y="120" width="20" height="40" fill="#654321" />

  <!-- Left Window -->
  <rect x="60" y="90" width="20" height="20" fill="#87CEEB" />

  <!-- Right Window -->
  <rect x="120" y="90" width="20" height="20" fill="#87CEEB" />

  <!-- Chimney -->
  <rect x="130" y="40" width="10" height="30" fill="#A52A2A" />
</svg>

Claude Opus 5

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200" role="img" aria-label="Simple house icon">
  <!-- background -->
  <rect width="200" height="200" fill="#F5F7FA"/>

  <!-- chimney (behind roof) -->
  <rect x="132" y="32" width="20" height="55" fill="#B44335"/>

  <!-- house body -->
  <rect x="45" y="85" width="110" height="110" fill="#FDF3E0"/>

  <!-- roof -->
  <polygon points="100,20 176,88 24,88" fill="#E0574A"/>

  <!-- windows -->
  <rect x="62" y="104" width="28" height="28" fill="#7FC7E8"/>
  <rect x="110" y="104" width="28" height="28" fill="#7FC7E8"/>

  <!-- window frames -->
  <rect x="75" y="104" width="2" height="28" fill="#FDF3E0"/>
  <rect x="62" y="117" width="28" height="2" fill="#FDF3E0"/>
  <rect x="123" y="104" width="2" height="28" fill="#FDF3E0"/>
  <rect x="110" y="117" width="28" height="2" fill="#FDF3E0"/>

  <!-- door -->
  <rect x="87" y="145" width="26" height="50" fill="#8B5A3C"/>
  <circle cx="106" cy="170" r="2.5" fill="#F2C14E"/>
</svg>

Claude Sonnet 4.6

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">

  <!-- Background -->
  <rect width="200" height="200" fill="#f0f4f8" rx="12"/>

  <!-- House Body -->
  <rect x="35" y="105" width="130" height="85" fill="#e8d5b7" rx="2"/>

  <!-- Roof -->
  <polygon points="20,110 100,40 180,110" fill="#c0392b"/>

  <!-- Roof outline -->
  <polygon points="20,110 100,40 180,110" fill="none" stroke="#a93226" stroke-width="2" stroke-linejoin="round"/>

  <!-- Chimney -->
  <rect x="120" y="50" width="18" height="40" fill="#95a5a6"/>
  <rect x="117" y="47" width="24" height="7" fill="#7f8c8d" rx="1"/>

  <!-- Door -->
  <rect x="82" y="140" width="36" height="50" fill="#8b5e3c" rx="3"/>

  <!-- Door knob -->
  <circle cx="113" cy="167" r="3" fill="#f39c12"/>

  <!-- Door panel detail -->
  <rect x="87" y="145" width="26" height="20" fill="none" stroke="#7a5230" stroke-width="1.5" rx="2"/>

  <!-- Left Window -->
  <rect x="45" y="118" width="35" height="30" fill="#aed6f1" rx="3"/>
  <rect x="45" y="118" width="35" height="30" fill="none" stroke="#7fb3d3" stroke-width="2" rx="3"/>
  <!-- Left window cross -->
  <line x1="62.5" y1="118" x2="62.5" y2="148" stroke="#7fb3d3" stroke-width="1.5"/>
  <line x1="45" y1="133" x2="80" y2="133" stroke="#7fb3d3" stroke-width="1.5"/>

  <!-- Right Window -->
  <rect x="120" y="118" width="35" height="30" fill="#aed6f1" rx="3"/>
  <rect x="120" y="118" width="35" height="30" fill="none" stroke="#7fb3d3" stroke-width="2" rx="3"/>
  <!-- Right window cross -->
  <line x1="137.5" y1="118" x2="137.5" y2="148" stroke="#7fb3d3" stroke-width="1.5"/>
  <line x1="120" y1="133" x2="155" y2="133" stroke="#7fb3d3" stroke-width="1.5"/>

  <!-- Ground line -->
  <line x1="20" y1="190" x2="180" y2="190" stroke="#bdc3c7" stroke-width="2"/>

</svg>

Gemini 2.5 Pro

Valid SVG
View SVG Code
<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- 
    Simple House Icon
    - Centered in a 100x100 viewBox for easy scaling.
    - Uses clean geometric shapes and flat colors.
  -->
  <g stroke="#2c3e50" stroke-width="2" stroke-linejoin="round" fill="none">
    
    <!-- Chimney -->
    <rect x="65" y="12" width="8" height="15" fill="#a52a2a" />
    
    <!-- Roof -->
    <polygon points="15,40 85,40 50,15" fill="#c0392b" />
    
    <!-- House Body -->
    <rect x="20" y="40" width="60" height="50" fill="#f7dc6f" />
    
    <!-- Windows -->
    <rect x="28" y="50" width="15" height="15" fill="#3498db" />
    <rect x="57" y="50" width="15" height="15" fill="#3498db" />
    
    <!-- Door -->
    <rect x="42" y="65" width="16" height="25" fill="#3498db" />
    
  </g>
</svg>

Grok 4.3

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
  <!-- House body -->
  <rect x="50" y="90" width="100" height="100" fill="#E8D5B7" stroke="#5D4037" stroke-width="4"/>
  
  <!-- Roof -->
  <polygon points="45,90 155,90 100,40" fill="#C0392B" stroke="#5D4037" stroke-width="4"/>
  
  <!-- Chimney -->
  <rect x="120" y="35" width="22" height="35" fill="#7F8C8D" stroke="#5D4037" stroke-width="3"/>
  
  <!-- Door -->
  <rect x="85" y="130" width="30" height="60" fill="#5D4037" stroke="#3E2723" stroke-width="3"/>
  <circle cx="110" cy="160" r="3" fill="#F5DEB3"/>
  
  <!-- Left window -->
  <rect x="60" y="105" width="25" height="25" fill="#85C1E9" stroke="#5D4037" stroke-width="3"/>
  <line x1="72.5" y1="105" x2="72.5" y2="130" stroke="#5D4037" stroke-width="2"/>
  <line x1="60" y1="117.5" x2="85" y2="117.5" stroke="#5D4037" stroke-width="2"/>
  
  <!-- Right window -->
  <rect x="115" y="105" width="25" height="25" fill="#85C1E9" stroke="#5D4037" stroke-width="3"/>
  <line x1="127.5" y1="105" x2="127.5" y2="130" stroke="#5D4037" stroke-width="2"/>
  <line x1="115" y1="117.5" x2="140" y2="117.5" stroke="#5D4037" stroke-width="2"/>
</svg>

DeepSeek V3

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
  <!-- Background -->
  <rect width="100" height="100" fill="#f0f8ff"/>
  
  <!-- House body -->
  <rect x="20" y="40" width="60" height="40" fill="#a3d5ff"/>
  
  <!-- Roof -->
  <polygon points="10,40 50,10 90,40" fill="#ff6b6b"/>
  
  <!-- Chimney -->
  <rect x="65" y="25" width="10" height="15" fill="#8b4513"/>
  <rect x="60" y="20" width="20" height="5" fill="#8b4513"/>
  
  <!-- Door -->
  <rect x="45" y="55" width="12" height="25" fill="#8b4513"/>
  <circle cx="50" cy="68" r="1.5" fill="#ffd700"/>
  
  <!-- Windows -->
  <rect x="27" y="50" width="12" height="12" fill="#fffaf0" stroke="#8b4513" stroke-width="1"/>
  <line x1="27" y1="56" x2="39" y2="56" stroke="#8b4513" stroke-width="1"/>
  <line x1="33" y1="50" x2="33" y2="62" stroke="#8b4513" stroke-width="1"/>
  
  <rect x="61" y="50" width="12" height="12" fill="#fffaf0" stroke="#8b4513" stroke-width="1"/>
  <line x1="61" y1="56" x2="73" y2="56" stroke="#8b4513" stroke-width="1"/>
  <line x1="67" y1="50" x2="67" y2="62" stroke="#8b4513" stroke-width="1"/>
  
  <!-- Optional outline for clarity -->
  <rect x="20" y="40" width="60" height="40" fill="none" stroke="#333" stroke-width="0.5"/>
  <polygon points="10,40 50,10 90,40" fill="none" stroke="#333" stroke-width="0.5"/>
</svg>

Qwen3 235B

Valid SVG
View SVG Code
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <!-- House body (square) -->
  <rect x="50" y="80" width="100" height="100" fill="#D4A574" />

  <!-- Roof (triangle) -->
  <polygon points="50,80 150,80 100,40" fill="#C0392B" />

  <!-- Chimney -->
  <rect x="130" y="45" width="15" height="25" fill="#95A5A6" />

  <!-- Window (left) -->
  <rect x="65" y="100" width="20" height="20" fill="#3498DB" />
  <rect x="69" y="104" width="12" height="12" fill="#2980B9" />

  <!-- Window (right) -->
  <rect x="115" y="100" width="20" height="20" fill="#3498DB" />
  <rect x="119" y="104" width="12" height="12" fill="#2980B9" />

  <!-- Door -->
  <rect x="85" y="140" width="30" height="40" fill="#7F3C2E" />
  <circle cx="92" cy="160" r="2" fill="#F5CBA7" />
</svg>

Llama 4 Maverick

Value
Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
  <!-- Body -->
  <rect x="20" y="40" width="60" height="40" fill="#CCCCCC" />
  
  <!-- Roof -->
  <polygon points="20,40 50,10 80,40" fill="#999999" />
  
  <!-- Door -->
  <rect x="35" y="60" width="15" height="20" fill="#666666" />
  
  <!-- Windows -->
  <rect x="25" y="50" width="10" height="10" fill="#FFFFFF" />
  <rect x="65" y="50" width="10" height="10" fill="#FFFFFF" />
  
  <!-- Chimney -->
  <rect x="55" y="20" width="5" height="10" fill="#444444" />
</svg>

Mistral Large 3

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <!-- House Body (Square) -->
  <rect x="50" y="100" width="100" height="80" fill="#4a6fa5" stroke="#2c3e50" stroke-width="2"/>

  <!-- Roof (Triangle) -->
  <polygon points="50,100 150,100 100,50" fill="#e74c3c" stroke="#2c3e50" stroke-width="2"/>

  <!-- Door -->
  <rect x="90" y="130" width="20" height="50" fill="#34495e" stroke="#2c3e50" stroke-width="2"/>
  <circle cx="95" cy="155" r="2" fill="#f1c40f"/>

  <!-- Windows -->
  <rect x="65" y="120" width="20" height="20" fill="#f8f9fa" stroke="#2c3e50" stroke-width="2"/>
  <rect x="115" y="120" width="20" height="20" fill="#f8f9fa" stroke="#2c3e50" stroke-width="2"/>

  <!-- Chimney -->
  <rect x="120" y="70" width="15" height="30" fill="#34495e" stroke="#2c3e50" stroke-width="2"/>
  <rect x="115" y="65" width="25" height="5" fill="#34495e" stroke="#2c3e50" stroke-width="2"/>
</svg>

Kimi K2.5

Valid SVG
View SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <!-- Chimney -->
  <rect x="135" y="40" width="20" height="40" fill="#8B4513" stroke="#5A2D0C" stroke-width="2"/>
  
  <!-- Roof -->
  <polygon points="100,20 160,80 40,80" fill="#D2691E" stroke="#8B4513" stroke-width="2"/>
  
  <!-- House Body -->
  <rect x="45" y="80" width="110" height="90" fill="#F5DEB3" stroke="#8B7355" stroke-width="2"/>
  
  <!-- Door -->
  <rect x="85" y="120" width="30" height="50" fill="#8B4513" stroke="#5A2D0C" stroke-width="2"/>
  <circle cx="110" cy="145" r="2" fill="#FFD700"/>
  
  <!-- Left Window -->
  <rect x="55" y="95" width="25" height="25" fill="#87CEEB" stroke="#5A2D0C" stroke-width="2"/>
  <line x1="67.5" y1="95" x2="67.5" y2="120" stroke="#5A2D0C" stroke-width="2"/>
  <line x1="55" y1="107.5" x2="80" y2="107.5" stroke="#5A2D0C" stroke-width="2"/>
  
  <!-- Right Window -->
  <rect x="120" y="95" width="25" height="25" fill="#87CEEB" stroke="#5A2D0C" stroke-width="2"/>
  <line x1="132.5" y1="95" x2="132.5" y2="120" stroke="#5A2D0C" stroke-width="2"/>
  <line x1="120" y1="107.5" x2="145" y2="107.5" stroke="#5A2D0C" stroke-width="2"/>
</svg>

Try this comparison in AI Lab

See the full comparison, test your own prompts, and compare any models you want. No commitment on the monthly plan.