About

Grotesque albatross tesselation

Edit Tesselation

CSS Code

background-color: #daf3e3;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nNjQnIAogIGhlaWdodD0nMzYnIAogIHZpZXdCb3g9JzAgMCA2NCAzNicKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjMzc2YzQ5IiAKICAgIHN0cm9rZS13aWR0aD0iMiIKICAgIGZpbGw9IiNkYWYzZTMiIAogICAgZD0iTSAwLDAgUTI1LDE0IDM0LDkgUTcwLDE0IDU5LDExIFE2NiwtMTggNjQsMCBRNDEsMSA1MCw3IFE1NSwyNSA1MiwyMiBRODAsNDMgNjQsMzYgUTY2LDE4IDU5LDQ3IFE0NSw0OCAzNCw0NSBRMjUsNTAgMCwzNiBRMTYsNDMgLTEyLDIyIFEtMTEsMTAgLTE0LDcgUS0yMywxIDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii02NCIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjY0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMzYiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMzYiLz4KPC9zdmc+');
background-size: 13px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='64' 
  height='36' 
  viewBox='0 0 64 36'
>
  <path 
    stroke="#376c49" 
    stroke-width="2"
    fill="#daf3e3" 
    d="M 0,0 Q25,14 34,9 Q70,14 59,11 Q66,-18 64,0 Q41,1 50,7 Q55,25 52,22 Q80,43 64,36 Q66,18 59,47 Q45,48 34,45 Q25,50 0,36 Q16,43 -12,22 Q-11,10 -14,7 Q-23,1 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-64" y="0"/>
  <use href="#root" x="64" y="0"/>
  <use href="#root" x="0" y="36"/>
  <use href="#root" x="0" y="-36"/>
</svg>
Download