About

Impressive chicken tesselation

Edit Tesselation

CSS Code

background-color: #e8d4a4;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTA3JyAKICBoZWlnaHQ9JzEwMycgCiAgdmlld0JveD0nMCAwIDEwNyAxMDMnCj4KICA8cGF0aCAKICAgIHN0cm9rZT0iIzBkMzY5YiIgCiAgICBzdHJva2Utd2lkdGg9IjMiCiAgICBmaWxsPSIjZThkNGE0IiAKICAgIGQ9Ik0gMCwwIFE4LC0yNSAxMDAsLTE1IEwxMDcsMCBRMTE1LDEgMTEyLDUgUTQ1LDI4IDg3LDI1IEwxMTMsODYgUTk3LDEwNyAxMDcsMTAzIEwxMDAsODggUTgsNzggMCwxMDMgUS0xMCwxMDcgNiw4NiBMLTIwLDI1IFEtMzcsOCA1LDUgUTgsMSAwLDAgWiIgCiAgICBpZD0icm9vdCI+CiAgPC9wYXRoPgoKICA8dXNlIGhyZWY9IiNyb290IiB4PSItMTA3IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMTA3IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTAzIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iLTEwMyIvPgo8L3N2Zz4=');
background-size: 15px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='107' 
  height='103' 
  viewBox='0 0 107 103'
>
  <path 
    stroke="#0d369b" 
    stroke-width="3"
    fill="#e8d4a4" 
    d="M 0,0 Q8,-25 100,-15 L107,0 Q115,1 112,5 Q45,28 87,25 L113,86 Q97,107 107,103 L100,88 Q8,78 0,103 Q-10,107 6,86 L-20,25 Q-37,8 5,5 Q8,1 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-107" y="0"/>
  <use href="#root" x="107" y="0"/>
  <use href="#root" x="0" y="103"/>
  <use href="#root" x="0" y="-103"/>
</svg>
Download