About

Regular moth tesselation

Edit Tesselation

CSS Code

background-color: #cfd2f1;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTM0JyAKICBoZWlnaHQ9JzEyMCcgCiAgdmlld0JveD0nMCAwIDEzNCAxMjAnCj4KICA8cGF0aCAKICAgIHN0cm9rZT0iIzk4OGMxNyIgCiAgICBzdHJva2Utd2lkdGg9IjIwIgogICAgZmlsbD0iI2NmZDJmMSIgCiAgICBkPSJNIDAsMCBRMSwyNCAyMywxOCBRMTQ5LC0yMiAxMjIsMSBRMTM5LC0yIDEzNCwwIFExODEsMiAxNjIsMiBMMTg0LDMwIEwxMzQsMTIwIFExMzksMTE4IDEyMiwxMjEgUTUwLDExNSAyMywxMzggUTEsMTQ0IDAsMTIwIEw1MCwzMCBMMjgsMiBRNDcsMiAwLDAgWiIgCiAgICBpZD0icm9vdCI+CiAgPC9wYXRoPgoKICA8dXNlIGhyZWY9IiNyb290IiB4PSItMTM0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMTM0IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iLTEyMCIvPgo8L3N2Zz4=');
background-size: 5px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='134' 
  height='120' 
  viewBox='0 0 134 120'
>
  <path 
    stroke="#988c17" 
    stroke-width="20"
    fill="#cfd2f1" 
    d="M 0,0 Q1,24 23,18 Q149,-22 122,1 Q139,-2 134,0 Q181,2 162,2 L184,30 L134,120 Q139,118 122,121 Q50,115 23,138 Q1,144 0,120 L50,30 L28,2 Q47,2 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-134" y="0"/>
  <use href="#root" x="134" y="0"/>
  <use href="#root" x="0" y="120"/>
  <use href="#root" x="0" y="-120"/>
</svg>
Download