SVG to CSS Mask Converter

<textarea id="svg" placeholder="Paste an SVG"></textarea>
<button id="convert">Convert to CSS</button>
<pre id="output"></pre>

textarea {
  width: 100%;
  min-height: 10rem;
  font: 0.9rem monospace;
}

.masked-shape {
  mask: url("data:image/svg+xml,...") center / contain no-repeat;
}

const input = document.querySelector("#svg");
const output = document.querySelector("#output");

document.querySelector("#convert").onclick = () => {
  const svg = input.value.trim();
  const encoded = encodeURIComponent(svg);
  output.textContent =
    `mask-image: url("data:image/svg+xml,${encoded}");`;
};

No external packages used.