symbol-01.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <style type="text/css"><![CDATA[

    #s {

      display: inline;

  ]]></style>

  <!--

    A basic test that referencing a <symbol> with a <use> works.

    Note that the fill specified on the <use> inherits into the

    <use> shadow tree.

    Also <symbol> itself should have |display:none !important|.

-->

  <symbol id='s' viewBox='100 100 10 10'>

    <circle cx='105' cy='105' r='4'/>

  </symbol>

  <use xlink:href='#s' x='0' y='0' width='100' height='100' fill='green'/>

</svg>