About

Grand tarantula tesselation

Edit Tesselation

CSS Code

background-color: #fffcfd;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMzcnIAogIGhlaWdodD0nNzgnIAogIHZpZXdCb3g9JzAgMCAzNyA3OCcKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjNDhmNmIwIiAKICAgIHN0cm9rZS13aWR0aD0iMTUiCiAgICBmaWxsPSIjZmZmY2ZkIiAKICAgIGQ9Ik0gMCwwIFEwLDEzIDEsMTEgUTYxLC0yMSAzNywwIFE0OCw2IDQ1LDEwIEw0OCwxOSBRMTYsODMgMzcsNzggUTYxLDU3IDEsODkgUTAsOTEgMCw3OCBRLTIxLDgzIDExLDE5IEw4LDEwIFExMSw2IDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii0zNyIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjM3IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iNzgiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItNzgiLz4KPC9zdmc+');
background-size: 1px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='37' 
  height='78' 
  viewBox='0 0 37 78'
>
  <path 
    stroke="#48f6b0" 
    stroke-width="15"
    fill="#fffcfd" 
    d="M 0,0 Q0,13 1,11 Q61,-21 37,0 Q48,6 45,10 L48,19 Q16,83 37,78 Q61,57 1,89 Q0,91 0,78 Q-21,83 11,19 L8,10 Q11,6 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-37" y="0"/>
  <use href="#root" x="37" y="0"/>
  <use href="#root" x="0" y="78"/>
  <use href="#root" x="0" y="-78"/>
</svg>
Download