Svg
A vector drawing from primitive shapes (paths, circles, rects, lines, texts). Colors take text color tokens or CSS colors.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
viewBox | string | |
label | string | What the drawing shows, for screen readers. Leave it unset for a decorative drawing |
width | number | string | |
height | number | string | |
size | number | string | |
color | string | Default "prose" |
fill | string | Default "currentColor" |
stroke | string | |
strokeWidth | number | |
strokeLinecap | "butt" | "round" | "square" | |
strokeLinejoin | "miter" | "round" | "bevel" | |
preserveAspectRatio | string | |
paths | object[] | |
circles | object[] | |
rects | object[] | |
lines | object[] | |
texts | object[] |