Prompt asked:


Give me the SVG code for a smiley. It should be simple. Reply with only the valid SVG code and nothing else.


Back to home

ModelAnswerLatencyChars / s
Airoboros L2 70B
Here's the SVG code for a simple smiley:

```svg
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#F00" />
  <circle cx="50" cy="50" r="20" fill="#FFF" />
  <circle cx="50" cy="50" r="10" fill="#000" />
  <circle cx="50" cy="50" r="5" fill="#F00" />
  <circle cx="50" cy="50" r="2" fill="#000" />
33218ms11.26
Alpaca (7B)
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
  <path d="M10,10 L20,20 L30,30 L40,40 L50,50 L60,60 L70,70 L80,80 L90,90 L100,100" style="fill:#FF0000;stroke:#000000;stroke-width:2;" />
</svg></s>
4382ms50.21
Chronos Hermes (13B)
<svg width="20" height="20" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10 L18 6.5 18 11.5 10 10 Z" fill="none" stroke="red" stroke-width="2" />
<path d="M10 10 L18 6.5 18 11.5 10 10 Z" fill="none" stroke="green" stroke-width="2" />
<path d="M10 10 L18 6.5 18 11.5 10 10 Z" fill="none" stroke="blue" stroke-width="2" />
</svg>
This is the SVG code for a simple smiley face. You can modify the colors and size as per your requirement.
11317ms41.8
Claude Instant v1
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="yellow" />
  <line x1="30" y1="50" x2="70" y2="50" stroke="black" stroke-width="3"/>
  <line x1="34" y1="30" x2="66" y2="70" stroke="black" stroke-width="3"/>
  <line x1="34" y1="70" x2="66" y2="30" stroke="black" stroke-width="3"/>
2974ms124.75
Claude v1
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
<circle cx="35" cy="35" r="5" fill="black" />  
<circle cx="65" cy="35" r="5" fill="black" /> 
<path d="M30,65 h40" stroke="black" stroke-width="4" />
4187ms71.17
Claude v1.2
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> 
<circle cx="32" cy="50" r="5" fill="black" /> 
<circle cx="68" cy="50" r="5" fill="black" /> 
<line x1="40" y1="35" x2="60" y2="35" stroke="black" stroke-width="4" />
3471ms71.45
Claude v2
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="yellow" />
  <circle cx="35" cy="35" r="5" fill="black" /> 
  <circle cx="65" cy="35" r="5" fill="black" /> 
  <path d="M 30 70 q 20 -20 40 0" stroke="black" stroke-width="5" />
6158ms45.63
Code Llama Instruct (13B)
911ms1.1
Code Llama Instruct (34B)
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="yellow" />
  <circle cx="30" cy="30" r="3" stroke="black" stroke-width="3" fill="black" />
  <circle cx="70" cy="30" r="3" stroke="black" stroke-width="3" fill="black" />
  <path d="M 30 65 Q 50 80 70 65" stroke="black" stroke-width="3" fill="transparent"/>
</svg>
```

### 2.2.2.2. SVG code for a smiley with a hat

```
13003ms35.3
Code Llama Instruct (7B)
šŸ˜Š
```

### šŸ¤”

```
554ms36.1
Dolly v2 (12B)
<bot>: SMILING FACE WITH OPEN MOUTH AND SMILING EYES
<bot>:
15121ms4.1
Dolly v2 (3B)
10061ms0.1
Dolly v2 (7B)
19605ms0.05
Falcon Instruct (40B)
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12h-2v-2h2v2zM12 6h-2v-2h2v2zM12 18h-2v-2h2v2zM12 24h-2v-2h2v2zM12 12h-2v-2h2v2zM12 6h-2v-2h2v2zM12 18h-2v-2h2v2zM12 24h-2v-2h2v2zM12 12h-2v-2h2v2zM12 6h-2v-2h2v2zM12 18h-2v-2h2v2zM12 24h-2v-2h2v2zM12 12h-2v-2h2v2zM12 6h-2v-2h2v2zM12 18h-2v-2h2v2zM12 24h-2v-2h2v2zM12 12h-2v-2h2v2zM12 6h-2v-2h2v2zM12 18h-2v-2h2v2zM12 24h-2v-2h2v2zM12 12h
29323ms15.21
Falcon Instruct (7B)
<svg><path d="M10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10 L 10 10
9790ms57.61
GPT 3.5 Turbo
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="yellow"/>
  <circle cx="35" cy="40" r="5" fill="black"/>
  <circle cx="65" cy="40" r="5" fill="black"/>
  <path d="M30 60 Q50 80 70 60" stroke="black" stroke-width="3" fill="none"/>
5927ms57.53
GPT 3.5 Turbo (16k)
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="yellow"/>
  <circle cx="35" cy="40" r="5" fill="black"/>
  <circle cx="65" cy="40" r="5" fill="black"/>
  <path d="M30 60 Q50 80 70 60" stroke="black" stroke-width="3" fill="none"/>
4495ms75.86
GPT 4
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <circle cx="12" cy="12" r="10" stroke="black" stroke-width="2" fill="yellow" />
    <circle cx="9" cy="10" r="1" stroke="black" stroke-width="2" fill="black" />
    <circle cx="15" cy="10" r="1" stroke="black" stroke-width="2" fill="black" />
    <path d="M8 14 Q 12 18, 16 14" stroke="black" stroke-width="2" fill="transparent" />
9517ms41.71
GPT-NeoXT-Chat-Base (20B)
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
  <circle cx="16" cy="16" r="12" fill="#f1c40f"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r="4" fill="#fa6a6a"/>
  <circle cx="16" cy="16" r
30737ms23.75
Guanaco (13B)
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
  <g>
    <path d="M10 10 L90 10 L90 90 L10 90 L10 10 Z" fill="rgb(255, 255, 255)" stroke="none" />
  </g>
9499ms48.53
Guanaco (33B)
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M1 15.5 L15.5 1 L1 1 L15.5 15.5 L1 15.5 L15.5 1 L1 1z" />
  <path d="M10 14 L14 10 L10 6 L14 2 L10 2 L14 6 L10 10z" />
16166ms28.45
Guanaco (65B)
šŸ˜Š
809ms3.71
Jurassic 2 Light
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100, 100"/>
  <path fill="#FF0000" stroke="#000000" stroke-width="2" d="M 0, 0 L 100
4408ms178.54
Jurassic 2 Mid
```
<svg width="24" height="24" viewBox="0 0 24 24">
  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
2657ms72.64
Jurassic 2 Ultra
<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"> 
  <circle cx="25" cy="25" r="20" fill="#FFC107"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/> 
  <circle cx="25" cy="25" r="5" fill="#000000"/>
7577ms90.8
Koala (13B)
```
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="10" height="10" fill="red" />
  <rect x="15" y="15" width="10" height="10" fill="green" />
  <rect x="10" y="15" width="10" height="10" fill="blue" />
  <rect x="15" y="10" width="10" height="10" fill="yellow" />
  <rect x="10" y="10" width="10" height="10" fill="purple" />
  <rect x="15" y="10" width="10" height="10" fill="pink" />
  <rect x="15" y="15" width="10" height="10" fill="orange" />
  <rect x="10" y="15" width="10" height="10" fill="brown" />
  <rect x="15" y="15" width="10" height="10" fill="gray" />
  <rect x="15" y="15" width="10" height="10" fill="black" />
  <rect x="15" y
17397ms40.98
LLaMA 2 SFT v10 (70B)
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <circle cx="50" cy="50" r="40" fill="yellow"/>
  <circle cx="50" cy="50" r="30" fill="black"/>
  <path d="M60 30 L40 50 z" fill="black"/>
6144ms34.83
LLaMA-2-Chat (13B)
<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  <circle cx="25" cy="25" r="20" fill="#FFD700" />
  <line x1="25" y1="12.5" x2="25" y2="37.5" stroke="#000000" stroke-width="3" />
  <line x1="25" y1="37.5" x2="25" y2="12.5" stroke="#000000" stroke-width="3" />
5315ms53.43
LLaMA-2-Chat (70B)
šŸ˜Š
1528ms1.96
LLaMA-2-Chat (7B)
šŸ˜Š
361ms5.54
MPT-Chat (30B)
```
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <circle cx="10" cy="10" r="10" />
  <circle cx="10" cy="10" r="5" />
  <line x1="5" y1="10" x2="15" y2="10" />
</svg>
```
</bot>
4807ms40.98
MPT-Chat (7B)
```
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#FFD700" />
  <circle cx="50" cy="60" r="40" fill="#FFD700" />
  <circle cx="50" cy="80" r="40" fill="#FFD700" />
  <circle cx="50" cy="90" r="40" fill="#FFD700" />
</svg>
```
This is a simple smiley made up of four yellow circles arranged in a square.
4367ms82.21
MythoMax-L2 (13B)
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
  <path d="M25 12.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 0 5z" fill="currentColor" />
  <path d="M25 25a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 0 5z" fill="currentColor" />
8259ms30.39
Open-Assistant Pythia SFT-4 (12B)
```
<svg width="32" height="32" viewBox="0 0 32 32">
  <path d="M16 16h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8h-8v8h8v-8
18659ms20.96
Open-Assistant StableLM SFT-7 (7B)
<text>: 
  <font color="red">ā€¢</font>ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢ā€¢
11866ms31.35
PaLM 2 Bison
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#000000" />
  <path d="M50,50 m 0,-40 a 40,40 0 1,0 80,0 a 40,40 0 1,0 -80,0" fill="#ffffff" />
2861ms71.3
PaLM 2 Bison (Code Chat)
Sure, here is the SVG code for a smiley:

```
<svg width="100%" height="100%" viewBox="0 0 300 300">
  <circle cx="150" cy="150" r="100" fill="#000" stroke="#fff"/>
  <path d="M150,50c50,0 100,50 100,100s-50,100-100,100S50,200 50,150S100,50 150,50z" fill="#fff"/>
  <path d="M150,100c0,25-25,50-50,50s-50-25-50-50s25-50,50-50S150,75,150,100z" fill="#000"/>
</svg>
```

This code creates a simple smiley face with a black outline and a yellow fill. The circle represents the head, and the two paths represent the eyes and mouth.
2855ms184.59
Platypus-2 Instruct (70B)
Here's a simple SVG code for a smiley:

```svg
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="yellow" />
  <circle cx="50" cy="50" r="20" fill="black" />
  <path d="M 60 60 A 20 20 0 0 1 80 60" stroke="black" stroke-width="2" fill="none" />
  <path d="M 40 60 A 20 20 0 0 1 20 60" stroke="black" stroke-width="2" fill="none" />
</svg>
```

This code creates a yellow circle with two smaller black circles for the eyes and two curved lines for the smiling mouth. The dimensions can be adjusted by changing the values in the `width`, `height`, and `r` attributes.
14834ms43.21
Pythia-Chat-Base (7B)
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.8333333333333343 8.8333333333333343 C8.6111111111111112 8.6111111111111112 8.4666666666666667 8.4666666666666667 8.3333333333333335 8.3333333333333335 L8 8.3333333333333335 Z M8.3333333333333335 8.3333333333333335 L8 8.3333333333333335 Z M8 8.3333333333333335 L8 8.3333333333333335 Z M8 8.3333333333333335 L8 8.3333333333333335 Z M8.166666666666667 8.166666666666667 L8.166666666666667 8.166666666666667 Z M8.166666666666667 8.166666666666667 L8.166666666666667 8.166666666666667 Z M8.166666666666667 8.166666666666667 L8.166666666666667 8.166666666666667 Z M8.166666666666667 8.166666666666667 L8.166666666666667 8.166666666666667 Z M8.8333333333333343 8.8333333333333343 L8.8333333333333343 8.8333333333333343 Z M8.8333333333333343 8.8333333333333343 L8.83333
19617ms44.35
Qwen-Chat (7B)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 10l2 2 2-2"></path><path d="M17.5 5.5c1.3 1.3 1.3 3.4 0 4.6-1.3 1.3-3.4 1.3-4.6 0"></path>
1765ms96.88
ReMM SLERP L2 13B
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M28.59 21.59A9 9 0 1 1 12 1.5 9 9 9 9 0 0 1 12 21.59 9 9 0 0 1 12 1.5A9 9 0 1 1 28.59 21.59zm0-10A8 8 0 1 1 1 28.59 21.59 8 8 0 0 1 1 12 21.59 8 8 0 0 1 1 1.5 21.59a8.01 8.01 0 0 1-1.5-1.5 8.01 8.01
9115ms33.46
RedPajama-INCITE Chat (3B)
```svg
<g>
  <path d="M0,0 L20,20 Z" fill="none"/>
  <path d="M20,0 L20,20 Z" fill="none"/>
</g>
```
10425ms9.78
RedPajama-INCITE Chat (7B)
```
<svg viewBox="0 0 100 100">
  <circle class="circles" cx="50" cy="25" r="20" stroke="green" stroke-width="3" />
</svg>
```
12118ms10.56
StarCoderChat Alpha (16B)
<bot>: <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"
	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<path fill="#000000" d="M25.1,1.4C11.3,1.4,1.4,11.3,1.4,25.1s9.9,23.7,23.7,23.7s23.7-9.9,23.7-23.7S38.9,1.4,25.1,1.4z
	 M25.1,46.6c-11.5,0-20.8-9.3-20.8-20.8c0-11.5,9.3-20.8,20.8-20.8c11.5,0,20.8,9.3,20.8,20.8C45.9,37.3,36.6,46.6,25.1,46.6z"/>
<path fill="#FFFFFF" d="M33.6,27.2c
20368ms24.11
Vicuna v1.3 (13B)
19553ms0.1
Vicuna v1.3 (7B)
<svg xmlns="http://www<s> 
<div class="container">
  <div class="row">
    <div class="col-md-6">
      <h2 class="mb-4">Booking Details</h2>
      <form>
        <div class="mb-3">
          <label for="name" class="form-label">Name</label>
          <input type="text" class="form-control" id="name" placeholder="Enter your name">
        </div>
        <div class="mb-3">
          <label for="phone" class="form-label">Phone</label>
          <input type="tel" class="form-control" id="phone" placeholder="Enter your phone number">
        </div>
        <div class="mb-3">
          <label for="id" class="form-label">ID</label>
          <input type="text" class="form-control" id="id" placeholder="Enter your ID">
        </div>
        <div class="mb-3">
          <label for="address" class="form-label">Address</label>
          <input type="text" class="form-control" id="address" placeholder="Enter your address">
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>
    </div>
    <div class="col-md-6">
      <h2 class="mb-4">Venue Availability</h
10772ms102.95
Vicuna v1.5 (13B)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px">
<path fill="#000000" d="M16 0h4v4h-4V0h4v4z"/>
<path fill="#FFFFFF" d="M16 16h2v-2h-2V16h2v2z"/>
6083ms31.56
Vicuna-FastChat-T5 (3B)
1042ms0
Weaver 12k
The smiley, a simple yet expressive icon, is often used to convey happiness or friendliness in digital communications. Its inception can be traced back to the 1960s, but it wasn't until the 1980s that it gained widespread popularity with the advent of personal computers and the internet. The SVG code for a basic smiley is quite straightforward:

<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/200000/svg">
  <path d="M21.5 12.5c0 1.1.9 1.2 2.2 2.2 2.2h-3c1.1 0 2.2-.9 1.2-2.2-2.2L21.5 12.5z M12.5 12.5c-1.1 0-2.2-.9-1.2-2.2-2.2h-3c-1.1 0-1.2.9 1.2-2.2 2.2L12.5 12.5z M21.5 21.5c0-1.1-.9-1.2-2.2-2.2-2.2h-3c-1.1 0-2.2.9 1.2-2.2
22226ms29.96
command
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="50" fill="#4CAF50"/>
  <circle cx="25" cy="25" r="25" fill="#FFC65D"/>
  <circle cx="75" cy="25" r="25" fill="#FFC65D"/>
  <circle cx="50" cy="75" r="25" fill="#FFC65D"/>
  <circle cx="25" cy="50" r="25" fill="#FFC65D"/>
  <circle cx="75" cy="50" r="25" fill="#FFC65D"/>
38154ms10.67
command-light
Here is the valid SVG code for a smiley face:

<svg width="100" height="100" viewBox="0 0 100 100" xmlns:x="http://www.w3.org/1999/xhtml" xmlns:y="http://www.w3.org/2000/svg" xmlns:s="http://www.w3.org/2000/svg" xmlns:o="http://www.w3.org/2000/svg" xmlns:a="http://www.w3.org/1999/xhtml" xmlns:url="http://www.w3.org/1999/xlink" xmlns:font-face="http://www.w3.org/2000/svg" xmlns:font-style="http://www.w3.org/2000/svg" xmlns:font-weight="http://www.w3.org/2000/svg" xmlns:font-family="http://www.w3.org/2000/svg" xmlns:color="http://www.w3.org/2000/svg" xmlns:text="http://www.w3.org/2000/svg" xmlns:image="http://www.w3.org/2000/svg" xmlns:viewbox="http://www.w3.org/2000/svg" xmlns:style="http://www.w3.org/1999/xlink" xmlns:lang="http://www.w3.org/2000/svg" xmlns:text-face="http://www.w3.org/2000/svg" xmlns:text-color="http://www.w3.org/2000/
9831ms86.36
command-nightly
<circle cx="50" cy="50" r="37.5" fill="none" stroke="#FFD740" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
1621ms79.58

Back to home

Edit: as this got popular, I added an email form to receive notifications for future benchmark results:


(no spam, max 1 email per month)