About

Invisible slug tesselation

Edit Tesselation

CSS Code

background-color: #e3bc56;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nODUnIAogIGhlaWdodD0nOTUnIAogIHZpZXdCb3g9JzAgMCA4NSA5NScKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjOGQ2YTBmIiAKICAgIHN0cm9rZS13aWR0aD0iNSIKICAgIGZpbGw9IiNlM2JjNTYiIAogICAgZD0iTSAwLDAgUTYsNSAyNSw1IFE5OSw0OCA2NCwyMiBMNzYsMzggTDg1LDAgTDk4LDE5IFE1NywzMyA4MywyNyBRNTEsMzQgNzIsMzIgUTIyLDYyIDUyLDU1IEw4NSw5NSBMNzYsMTMzIEw2NCwxMTcgUTYwLDEyNiAyNSwxMDAgUTYsMTAwIDAsOTUgTC0zMyw1NSBRLTQzLDM5IC0xMywzMiBRLTIzLDI5IC0yLDI3IFEtMTMsMjUgMTMsMTkgTDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii04NSIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ijg1IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iOTUiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItOTUiLz4KPC9zdmc+');
background-size: 3px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='85' 
  height='95' 
  viewBox='0 0 85 95'
>
  <path 
    stroke="#8d6a0f" 
    stroke-width="5"
    fill="#e3bc56" 
    d="M 0,0 Q6,5 25,5 Q99,48 64,22 L76,38 L85,0 L98,19 Q57,33 83,27 Q51,34 72,32 Q22,62 52,55 L85,95 L76,133 L64,117 Q60,126 25,100 Q6,100 0,95 L-33,55 Q-43,39 -13,32 Q-23,29 -2,27 Q-13,25 13,19 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-85" y="0"/>
  <use href="#root" x="85" y="0"/>
  <use href="#root" x="0" y="95"/>
  <use href="#root" x="0" y="-95"/>
</svg>
Download