> For the complete documentation index, see [llms.txt](https://interopxyz.gitbook.io/graphic-plus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interopxyz.gitbook.io/graphic-plus/components/convert/svg-text.md).

# SVG Text

## Description

Converts a Drawing to SVG txt

{% hint style="warning" %}
**WARNING**: Complex drawings can crash Grasshopper's UI. 

Use the Save SVG component if this is the case.
{% endhint %}

{% tabs %}
{% tab title="Preview" %}
![](/files/QipmfOQpwJsKCNdz253L)
{% endtab %}

{% tab title="Location" %}
**Name** | SVG Text

**Nickname** | SVGtxt

**Tab** | Display

**Panel** | Graphics

**Division** | 6
{% endtab %}

{% tab title="Inputs" %}
**D** | **Drawing** (*G+ Drawing*) | A Graphic Plus Drawing object
{% endtab %}

{% tab title="Ouputs" %}
**T** | **SVG Text** (*Text*) | The SVG text
{% endtab %}

{% tab title="Mode" %}
*none*
{% endtab %}
{% endtabs %}

## Usage

![](/files/FgMGAZW2aTMaVdfjF5k6)

#### Sample Output

{% code title="Sample.svg" %}

```html
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox = " 0 0 540 240" preserveAspectRatio="xMinYMin meet">
<rect id="background" x="0" y="0" width="540" height="240" style="fill:#FFFFFF; stroke:none;" />
<polyline id="4c403cab-5cf3-4ac8-9fb9-86d19bee4841" points="20 220 120 20 "  class="cls-1057636087" >  </polyline>
<polyline id="855e53f1-ad56-47b1-a795-d169cb54902e" points="56.3636 220 156.3636 20 "  class="cls-832018998" >  </polyline>
<polyline id="148601dc-7286-4e53-800a-48dda91400d8" points="92.7273 220 192.7273 20 "  class="cls-880293369" >  </polyline>
<polyline id="97916216-6256-4c59-83a2-ca6e04e591af" points="129.0909 220 229.0909 20 "  class="cls-2059108800" >  </polyline>
<polyline id="dce6ac75-c008-443e-bb50-8add7cb6107b" points="165.4545 220 265.4545 20 "  class="cls-2056957801" >  </polyline>
<polyline id="41f89e3b-fea7-4246-ab07-8bf6ad7d50d6" points="201.8182 220 301.8182 20 "  class="cls-1507246285" >  </polyline>
<polyline id="a7641377-aa9d-412c-b7eb-5c1b965f2d0e" points="238.1818 220 338.1818 20 "  class="cls-605821502" >  </polyline>
<polyline id="3ece7bec-5a97-47cd-86d1-f9d4f4c88d08" points="274.5455 220 374.5455 20 "  class="cls-2142817632" >  </polyline>
<polyline id="226125d3-a661-4872-b32a-3ef51c45c9d7" points="310.9091 220 410.9091 20 "  class="cls-1444989331" >  </polyline>
<polyline id="5bd44dfe-b925-42d0-aee7-317710cf23cc" points="347.2727 220 447.2727 20 "  class="cls-469170750" >  </polyline>
<polyline id="465c78fe-ae35-4d03-bd28-799efc5f13a4" points="383.6364 220 483.6364 20 "  class="cls-1310602396" >  </polyline>
<polyline id="f24e53cc-b0c3-42b7-9520-83d4c79d3be8" points="420 220 520 20 "  class="cls-491485756" >  </polyline>
<defs>
<style> .cls-1057636087{stroke:#8080FF ; stroke-opacity:1; stroke-width:2; fill:none; } </style>
<style> .cls-832018998{stroke:#8080FF ; stroke-opacity:1; stroke-width:2.46583080343328; fill:none; } </style>
<style> .cls-880293369{stroke:#8080FF ; stroke-opacity:1; stroke-width:3.82558437244142; fill:none; } </style>
<style> .cls-2059108800{stroke:#8080FE ; stroke-opacity:1; stroke-width:5.96910155962922; fill:none; } </style>
<style> .cls-2056957801{stroke:#8973EA ; stroke-opacity:1; stroke-width:8.7227273504783; fill:none; } </style>
<style> .cls-1507246285{stroke:#A054B5 ; stroke-opacity:1; stroke-width:11.8633793598572; fill:none; } </style>
<style> .cls-605821502{stroke:#BC2C72 ; stroke-opacity:1; stroke-width:15.1366206401428; fill:none; } </style>
<style> .cls-2142817632{stroke:#D30D3D ; stroke-opacity:1; stroke-width:18.2772726495217; fill:none; } </style>
<style> .cls-1444989331{stroke:#DC0029 ; stroke-opacity:1; stroke-width:21.0308984403708; fill:none; } </style>
<style> .cls-469170750{stroke:#DC0028 ; stroke-opacity:1; stroke-width:23.1744156275586; fill:none; } </style>
<style> .cls-1310602396{stroke:#DC0028 ; stroke-opacity:1; stroke-width:24.5341691965667; fill:none; } </style>
<style> .cls-491485756{stroke:#DC0028 ; stroke-opacity:1; stroke-width:25; fill:none; } </style>
</defs>
</svg>
```

{% endcode %}