About

Magenta chickadee tesselation

Edit Tesselation

CSS Code

background-color: #ccf0d8;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMjYnIAogIGhlaWdodD0nMzknIAogIHZpZXdCb3g9JzAgMCAyNiAzOScKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjZTBmNWU3IiAKICAgIHN0cm9rZS13aWR0aD0iMTAiCiAgICBmaWxsPSIjY2NmMGQ4IiAKICAgIGQ9Ik0gMCwwIFEwLDkgMyw3IEw1LDE0IFEzOSwtMjggMjYsMCBMMzEsNCBMMjcsMTQgUTI0LDQ2IDI2LDM5IFEzOSwxMSA1LDUzIEwzLDQ2IFEwLDQ4IDAsMzkgUS0yLDQ2IDEsMTQgTDUsNCBMMCwwIFoiIAogICAgaWQ9InJvb3QiPgogIDwvcGF0aD4KCiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iLTI2IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMjYiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSIzOSIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjAiIHk9Ii0zOSIvPgo8L3N2Zz4=');
background-size: 16px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='26' 
  height='39' 
  viewBox='0 0 26 39'
>
  <path 
    stroke="#e0f5e7" 
    stroke-width="10"
    fill="#ccf0d8" 
    d="M 0,0 Q0,9 3,7 L5,14 Q39,-28 26,0 L31,4 L27,14 Q24,46 26,39 Q39,11 5,53 L3,46 Q0,48 0,39 Q-2,46 1,14 L5,4 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-26" y="0"/>
  <use href="#root" x="26" y="0"/>
  <use href="#root" x="0" y="39"/>
  <use href="#root" x="0" y="-39"/>
</svg>
Download