use-encoding.svg - mozsearch

Enable keyboard shortcuts

Default Checkerboard Light Dark

<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>&#x3c;use&#x3e; with an encoded href</title>

  <h:link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElementHrefAttribute"/>

  <h:link rel="match" href="reference/green-100x100.svg"/>

  <defs>

    <rect id="a b" width="100" height="100" fill="green"/>

  </defs>

  <rect width="100" height="100" fill="red"/>

  <use href="#a%20b"></use>

</svg>