About

Tall clam tesselation

Edit Tesselation

CSS Code

background-color: #e8dc99;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nOTQnIAogIGhlaWdodD0nMzgnIAogIHZpZXdCb3g9JzAgMCA5NCAzOCcKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjZjlmM2NmIiAKICAgIHN0cm9rZS13aWR0aD0iMjAiCiAgICBmaWxsPSIjZThkYzk5IiAKICAgIGQ9Ik0gMCwwIEw4OCwtMyBROTksNCA5NCwwIEw4OCwxOSBRNzIsNDcgODEsMzYgTDk0LDM4IFE5OSw0MiA4OCwzNSBMMCwzOCBMLTEzLDM2IFEtMTUsMzAgLTYsMTkgTDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii05NCIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ijk0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMzgiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMzgiLz4KPC9zdmc+');
background-size: 16px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='94' 
  height='38' 
  viewBox='0 0 94 38'
>
  <path 
    stroke="#f9f3cf" 
    stroke-width="20"
    fill="#e8dc99" 
    d="M 0,0 L88,-3 Q99,4 94,0 L88,19 Q72,47 81,36 L94,38 Q99,42 88,35 L0,38 L-13,36 Q-15,30 -6,19 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-94" y="0"/>
  <use href="#root" x="94" y="0"/>
  <use href="#root" x="0" y="38"/>
  <use href="#root" x="0" y="-38"/>
</svg>
Download