> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-fix-nav-issues.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Documentation for Svg

# Functions for Generating SVG images from Geo data

<h2 id="svg">
  Svg
</h2>

Returns a string of select SVG element tags from Geo data.

**Syntax**

```sql theme={null}
Svg(geometry,[style])
```

Aliases: `SVG`, `svg`

**Parameters**

* `geometry` — Geo data. [Geo](/reference/data-types/geo).
* `style` — Optional style name. [String](/reference/data-types/string).

**Returned value**

* The SVG representation of the geometry. [String](/reference/data-types/string).
  * SVG circle
  * SVG polygon
  * SVG path

**Examples**

**Circle**

```sql title="Query" theme={null}
SELECT SVG((0., 0.))
```

```response title="Response" theme={null}
<circle cx="0" cy="0" r="5" style=""/>
```

**Polygon**

```sql title="Query" theme={null}
SELECT SVG([(0., 0.), (10, 0), (10, 10), (0, 10)])
```

```response title="Response" theme={null}
<polygon points="0,0 0,10 10,10 10,0 0,0" style=""/>
```

**Path**

```sql title="Query" theme={null}
SELECT SVG([[(0., 0.), (10, 0), (10, 10), (0, 10)], [(4., 4.), (5, 4), (5, 5), (4, 5)]])
```

```response title="Response" theme={null}
<g fill-rule="evenodd"><path d="M 0,0 L 0,10 L 10,10 L 10,0 L 0,0M 4,4 L 5,4 L 5,5 L 4,5 L 4,4 z " style=""/></g>
```