About

Shaggy tick tesselation

Edit Tesselation

CSS Code

background-color: #d9b2e5;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nOTQnIAogIGhlaWdodD0nMTEyJyAKICB2aWV3Qm94PScwIDAgOTQgMTEyJwo+CiAgPHBhdGggCiAgICBzdHJva2U9IiNjNWY3YjQiIAogICAgc3Ryb2tlLXdpZHRoPSI4IgogICAgZmlsbD0iI2Q5YjJlNSIgCiAgICBkPSJNIDAsMCBRMTEsLTQ3IDE4LC0yNCBMOTQsMCBRMTM1LDk1IDExNywxMDggUTYyLDExMyA5NCwxMTIgTDE4LDg4IFExMSw2NSAwLDExMiBRLTMyLDExMyAyMywxMDggUTQxLDk1IDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii05NCIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ijk0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTEyIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iLTExMiIvPgo8L3N2Zz4=');
background-size: 57px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='94' 
  height='112' 
  viewBox='0 0 94 112'
>
  <path 
    stroke="#c5f7b4" 
    stroke-width="8"
    fill="#d9b2e5" 
    d="M 0,0 Q11,-47 18,-24 L94,0 Q135,95 117,108 Q62,113 94,112 L18,88 Q11,65 0,112 Q-32,113 23,108 Q41,95 0,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="112"/>
  <use href="#root" x="0" y="-112"/>
</svg>
Download