About

Nice chinchilla tesselation

Edit Tesselation

CSS Code

background-color: #f7e0e3;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMzInIAogIGhlaWdodD0nMTAnIAogIHZpZXdCb3g9JzAgMCAzMiAxMCcKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjZjhmZGZjIiAKICAgIHN0cm9rZS13aWR0aD0iNSIKICAgIGZpbGw9IiNmN2UwZTMiIAogICAgZD0iTSAwLDAgUTEwLDAgMjEsMCBMMzIsMCBMMzMsNyBMNDEsOSBRMjIsMTEgMzIsMTAgTDIxLDEwIFExMCwxMCAwLDEwIFEtMTAsMTEgOSw5IEwxLDcgTDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii0zMiIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjMyIiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMTAiLz4KPC9zdmc+');
background-size: 15px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='32' 
  height='10' 
  viewBox='0 0 32 10'
>
  <path 
    stroke="#f8fdfc" 
    stroke-width="5"
    fill="#f7e0e3" 
    d="M 0,0 Q10,0 21,0 L32,0 L33,7 L41,9 Q22,11 32,10 L21,10 Q10,10 0,10 Q-10,11 9,9 L1,7 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-32" y="0"/>
  <use href="#root" x="32" y="0"/>
  <use href="#root" x="0" y="10"/>
  <use href="#root" x="0" y="-10"/>
</svg>
Download