diff --git a/src/main.ts b/src/main.ts
index 4eb9520..22ecfd2 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -183,7 +183,7 @@ $compile(
     ["h2", {}, "Export"],
     ["div", {}, ["a", {
       class: "button",
-      href: svg.map(svg => `data:text/svg,${encodeURI(svg)}`),
+      href: svg.map(svg => `data:text/svg,${encodeURIComponent(svg)}`),
       download: sync({ src: { xSeeds, ySeeds } }).map(({ xSeeds, ySeeds }) => `hitomezashi-pattern-${Date.now()}-${xSeeds.join('')}-${ySeeds.join('')}.svg`)
     }, "Download SVG"]]]]
 ).mount(document.body)