About

Wild lemming tesselation

Edit Tesselation

CSS Code

background-color: #fef9f7;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nODQnIAogIGhlaWdodD0nMTInIAogIHZpZXdCb3g9JzAgMCA4NCAxMicKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjZTZmM2Y3IiAKICAgIHN0cm9rZS13aWR0aD0iNSIKICAgIGZpbGw9IiNmZWY5ZjciIAogICAgZD0iTSAwLDAgTDEwLDIgUTE3LDAgMTcsMSBRMjQsNiAyMSwzIEwyOSwzIFE5OCwtNCA4NCwwIFExMDksNiA5NywxMCBMODQsMTIgUTk4LDggMjksMTUgTDIxLDE1IFEyMCwxNiAxNywxMyBRMTAsMTMgMTAsMTQgTDAsMTIgTDEzLDEwIFEyNSw2IDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii04NCIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ijg0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTIiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMTIiLz4KPC9zdmc+');
background-size: 57px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='84' 
  height='12' 
  viewBox='0 0 84 12'
>
  <path 
    stroke="#e6f3f7" 
    stroke-width="5"
    fill="#fef9f7" 
    d="M 0,0 L10,2 Q17,0 17,1 Q24,6 21,3 L29,3 Q98,-4 84,0 Q109,6 97,10 L84,12 Q98,8 29,15 L21,15 Q20,16 17,13 Q10,13 10,14 L0,12 L13,10 Q25,6 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-84" y="0"/>
  <use href="#root" x="84" y="0"/>
  <use href="#root" x="0" y="12"/>
  <use href="#root" x="0" y="-12"/>
</svg>
Download