JSFiddle - React, Tailwind, and code Playground

by jwerre

HTML

<svg width="600" height="600">
  
    <defs>
        <pattern id="imgpattern" x="0" y="0" width="1" height="1">
            <image width="100" height="100"
                xlink:href="https://res.cloudinary.com/surveyplanet/image/upload/v1448390241/yitoghj5jqcyx3ejbsaw.jpg"
                preserveAspectRatio="none"
                />
        </pattern>
    </defs>
  
  
  
  <path fill="url(#imgpattern)" stroke="black" stroke-width="1"
        d="M0,10v88c0,1.1,0.9,2,2,2h96c1.1,0,2-0.9,2-2V10H0z"  />

</svg>