About

Minimal boar tesselation

Edit Tesselation

CSS Code

background-color: #e7e794;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTM2JyAKICBoZWlnaHQ9JzU0JyAKICB2aWV3Qm94PScwIDAgMTM2IDU0Jwo+CiAgPHBhdGggCiAgICBzdHJva2U9IiNlNGU0NTMiIAogICAgc3Ryb2tlLXdpZHRoPSIyMyIKICAgIGZpbGw9IiNlN2U3OTQiIAogICAgZD0iTSAwLDAgUTI0LC0xMSAyNSwtNiBMNzQsNyBROTcsNCA5MSw2IEwxMzYsMCBRMTc2LDggMTYxLDggUTI0MywxNiAxOTEsMTMgUTI3OCw1MyAyMjMsNDUgTDEzNiw1NCBMOTEsNjAgUTgwLDU5IDc0LDYxIEwyNSw0OCBRMjQsNDMgMCw1NCBMODcsNDUgUTExMCwyMSA1NSwxMyBRNzcsMTEgMjUsOCBRNDAsOCAwLDAgWiIgCiAgICBpZD0icm9vdCI+CiAgPC9wYXRoPgoKICA8dXNlIGhyZWY9IiNyb290IiB4PSItMTM2IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMTM2IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iNTQiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItNTQiLz4KPC9zdmc+');
background-size: 67px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='136' 
  height='54' 
  viewBox='0 0 136 54'
>
  <path 
    stroke="#e4e453" 
    stroke-width="23"
    fill="#e7e794" 
    d="M 0,0 Q24,-11 25,-6 L74,7 Q97,4 91,6 L136,0 Q176,8 161,8 Q243,16 191,13 Q278,53 223,45 L136,54 L91,60 Q80,59 74,61 L25,48 Q24,43 0,54 L87,45 Q110,21 55,13 Q77,11 25,8 Q40,8 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-136" y="0"/>
  <use href="#root" x="136" y="0"/>
  <use href="#root" x="0" y="54"/>
  <use href="#root" x="0" y="-54"/>
</svg>
Download