About

Harsh smelt tesselation

Edit Tesselation

CSS Code

background-color: #dcab86;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nNTcnIAogIGhlaWdodD0nODYnIAogIHZpZXdCb3g9JzAgMCA1NyA4NicKPgogIDxwYXRoIAogICAgc3Ryb2tlPSIjZjZmYWZkIiAKICAgIHN0cm9rZS13aWR0aD0iMTIiCiAgICBmaWxsPSIjZGNhYjg2IiAKICAgIGQ9Ik0gMCwwIFEwLDI1IDEsMjAgTDQ0LDcgTDU3LDAgTDY0LDEgTDUxLDExIFE3Nyw4MSA2MSw0OSBRODcsNTMgNzMsNTEgTDgwLDU1IEw4Myw2OSBRMTQsOTggNTcsODYgTDQ0LDkzIEwxLDEwNiBRMCwxMTEgMCw4NiBRLTQzLDk4IDI2LDY5IEwyMyw1NSBMMTYsNTEgUTE4LDUxIDQsNDkgUTEwLDQzIC02LDExIEw3LDEgTDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii01NyIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjU3IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iODYiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItODYiLz4KPC9zdmc+');
background-size: 96px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='57' 
  height='86' 
  viewBox='0 0 57 86'
>
  <path 
    stroke="#f6fafd" 
    stroke-width="12"
    fill="#dcab86" 
    d="M 0,0 Q0,25 1,20 L44,7 L57,0 L64,1 L51,11 Q77,81 61,49 Q87,53 73,51 L80,55 L83,69 Q14,98 57,86 L44,93 L1,106 Q0,111 0,86 Q-43,98 26,69 L23,55 L16,51 Q18,51 4,49 Q10,43 -6,11 L7,1 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-57" y="0"/>
  <use href="#root" x="57" y="0"/>
  <use href="#root" x="0" y="86"/>
  <use href="#root" x="0" y="-86"/>
</svg>
Download