# `svg`

```strand
element svg(path -> source): node
```

An SVG whose layers bind by id: `svg "icon.svg" { #needle { … } }`.
A `#id { … }` block takes `rotate`, `scale`, `x`, `y`, `opacity` and
`fill` for that layer.

It takes no children; holds `#name { … }` selectors.

Also every prop and event of [`node`](/reference/elements/node.html.md).

| Prop | Type | |
| --- | --- | --- |
| `fit` | `Fit` | How the drawing fills its box. |
| `fill` | `paint` | One colour every shape takes (in a `#id { … }` block: that layer's). |