About

Confident possum tesselation

Edit Tesselation

CSS Code

background-color: #c0f9f0;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTEzJyAKICBoZWlnaHQ9JzUzJyAKICB2aWV3Qm94PScwIDAgMTEzIDUzJwo+CiAgPHBhdGggCiAgICBzdHJva2U9IiNiNzExMmIiIAogICAgc3Ryb2tlLXdpZHRoPSIxNSIKICAgIGZpbGw9IiNjMGY5ZjAiIAogICAgZD0iTSAwLDAgTDIyLDAgUTY5LC0yMiA0OSwtMTAgTDExMywwIEwxMTksNyBMMTIwLDI0IFExMDAsODEgMTEzLDUzIEw0OSw0MyBRNDIsNDEgMjIsNTMgTDAsNTMgUS0xMyw4MSA3LDI0IEw2LDcgTDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii0xMTMiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIxMTMiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSI1MyIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjAiIHk9Ii01MyIvPgo8L3N2Zz4=');
background-size: 25px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='113' 
  height='53' 
  viewBox='0 0 113 53'
>
  <path 
    stroke="#b7112b" 
    stroke-width="15"
    fill="#c0f9f0" 
    d="M 0,0 L22,0 Q69,-22 49,-10 L113,0 L119,7 L120,24 Q100,81 113,53 L49,43 Q42,41 22,53 L0,53 Q-13,81 7,24 L6,7 L0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-113" y="0"/>
  <use href="#root" x="113" y="0"/>
  <use href="#root" x="0" y="53"/>
  <use href="#root" x="0" y="-53"/>
</svg>
Download