# Svg Component

## Usage

You can use the *Svg* component to:

* [optimize](../reference/svg#optimization)
* and include your svg in your document

The *src* attribute indicates the relative path to the file in the [images directory](../reference/directory-layout).

```markdown
<Svg src="arrow-right-circle.svg" width="40"/>
```

Output example:

### Props

All standard SVG attributes can be applied as props. See the list of SVG Presentation Attributes on [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Presentation).

## Markdown Support

This component is [registered as Markdown component](../reference/markdown-component) and can be used in a [markdown page](../reference/markdown)