D3 Examples - Load an SVG from an external page

xxxxxxxxxx
 
<!doctype HTML>
<hmtl>
  <head>
    <meta charset="utf8">
    <style type="text/css">
      * {
        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;
        -webkit-transform-origin-z: initial;
      }
      .icon {
        width: 180px;
        height: 180px;
        fill: hsl(0, 100%, 80%);
      }
    </style>
  </head>
  <body>
    <p>Hello World!</p>
    <br>
    <!-- code from CSS Tricks: https://css-tricks.com/svg-use-external-source/ -->
    <!-- `<use>` shape defined in an EXTERNAL RESOURCE -->
    <svg viewBox="0 0 18 18" class="icon">
       <use xlink:href="cafe-18.svg#svg4619"></use>
    </svg>
  </body>
</hmtl>
    