Text Element

Home | Line | Circle | Rectangle | Polyline | Polygon | Text
See Examples
S120, 350
<svg width="450" height="450" >
  <text 
    x="120"
X
 y="350"
Y
 font-family="Arial" font-size="350" 
    stroke="#fa3838" stroke-width="20" fill="none" 
  >
    S
  </text>
</svg>

Text

The text element is used to display text on an SVG canvas.

Text

Position

Text Anchor

Set how the text should align with its position.

Font Style

Font Family

The font family to use for the text.

Font Size

The size of the text.

Styling

Stroke Color

You can set any color value that is valid in CSS. This includes named colors, hex codes, the rgb function and more. Set it to none to hide.

Stroke Width

Set the thickness of the stroke. It can be set to any positive number.

Stroke Linecap

Set the shape to be used at the end of a line or open subpath.

Stroke Linejoin

Set the shape to be used at the corners of paths and basic shapes when they are stroked.

Fill Color

You can set any color value that is valid in CSS. This includes named colors, hex codes, the rgb function and more. Set it to none to hide.