About

Deliberate sheep tesselation

Edit Tesselation

CSS Code

background-color: #7df9a6;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nOTgnIAogIGhlaWdodD0nMjgnIAogIHZpZXdCb3g9JzAgMCA5OCAyOCcKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjMWRlNjYwIiAKICAgIHN0cm9rZS13aWR0aD0iMSIKICAgIGZpbGw9IiM3ZGY5YTYiIAogICAgZD0iTSAwLDAgUTQsLTEwIDQsLTcgUTM3LC0zIDIxLC01IEwyMSwtMiBRMTE2LDQgOTgsMCBMMTE3LDkgUTE1MywyOCAxMzQsMjMgTDExOSwyNSBRNjMsMzEgOTgsMjggUTExNiwzMiAyMSwyNiBMMjEsMjMgUTIwLDIzIDQsMjEgUTQsMTggMCwyOCBRLTM1LDMxIDIxLDI1IEwzNiwyMyBRMzgsMTQgMTksOSBMMCwwIFoiIAogICAgaWQ9InJvb3QiPgogIDwvcGF0aD4KCiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iLTk4IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iOTgiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSIyOCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjAiIHk9Ii0yOCIvPgo8L3N2Zz4=');
background-size: 98px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='98' 
  height='28' 
  viewBox='0 0 98 28'
>
  <path 
    stroke="#1de660" 
    stroke-width="1"
    fill="#7df9a6" 
    d="M 0,0 Q4,-10 4,-7 Q37,-3 21,-5 L21,-2 Q116,4 98,0 L117,9 Q153,28 134,23 L119,25 Q63,31 98,28 Q116,32 21,26 L21,23 Q20,23 4,21 Q4,18 0,28 Q-35,31 21,25 L36,23 Q38,14 19,9 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-98" y="0"/>
  <use href="#root" x="98" y="0"/>
  <use href="#root" x="0" y="28"/>
  <use href="#root" x="0" y="-28"/>
</svg>
Download