demo · v142

SVG <a> download

Pick a payload and filename. Click the SVG button on the right — Chrome 142+ honours download="…" on an SVG <a> and saves the file with that name; older Chrome would navigate instead. The button on the left uses HTML <a> as a control.

HTML <a download> (control)

<a href="…" download="filename">…</a>

SVG <a download> (under test)

Download via SVG <a> 
<svg><a href="…" download="filename">…</a></svg>
SVGAElement supports .download (this browser)
—
last action
—

In Chrome ≤141 clicking the SVG button navigates to the blob URL in the same tab. In Chrome 142+ (and Firefox) you get a file save.

relevant API

<svg>
  <a href="report.pdf" download="2026-report.pdf">
    <rect width="200" height="60" />
  </a>
</svg>

see also