About

Tory alpaca tesselation

Edit Tesselation

CSS Code

background-color: #e7c5a0;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTE2JyAKICBoZWlnaHQ9JzI4JyAKICB2aWV3Qm94PScwIDAgMTE2IDI4Jwo+CiAgPHBhdGggCiAgICBzdHJva2U9IiNmNmYyZWUiIAogICAgc3Ryb2tlLXdpZHRoPSI0IgogICAgZmlsbD0iI2U3YzVhMCIgCiAgICBkPSJNIDAsMCBROCwxIDQ0LDEgUTExNiw4IDEwMSw0IFExMjksLTYgMTE2LDAgUTEyNiwwIDEyMywxIEwxMTYsMjggUTEyOSwyMiAxMDEsMzIgUTU5LDMzIDQ0LDI5IFE4LDI5IDAsMjggTDcsMSBRMTAsMCAwLDAgWiIgCiAgICBpZD0icm9vdCI+CiAgPC9wYXRoPgoKICA8dXNlIGhyZWY9IiNyb290IiB4PSItMTE2IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMTE2IiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMjgiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMjgiLz4KPC9zdmc+');
background-size: 67px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='116' 
  height='28' 
  viewBox='0 0 116 28'
>
  <path 
    stroke="#f6f2ee" 
    stroke-width="4"
    fill="#e7c5a0" 
    d="M 0,0 Q8,1 44,1 Q116,8 101,4 Q129,-6 116,0 Q126,0 123,1 L116,28 Q129,22 101,32 Q59,33 44,29 Q8,29 0,28 L7,1 Q10,0 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-116" y="0"/>
  <use href="#root" x="116" y="0"/>
  <use href="#root" x="0" y="28"/>
  <use href="#root" x="0" y="-28"/>
</svg>
Download