About

Solid dormouse tesselation

Edit Tesselation

CSS Code

background-color: #e27193;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMTAwJyAKICBoZWlnaHQ9JzEyMScgCiAgdmlld0JveD0nMCAwIDEwMCAxMjEnCj4KICA8cGF0aCAKICAgIHN0cm9rZT0iIzk4NGM2MyIgCiAgICBzdHJva2Utd2lkdGg9IjM5IgogICAgZmlsbD0iI2UyNzE5MyIgCiAgICBkPSJNIDAsMCBMMiw1IEwzMSwyMiBRNTQsMTggNDQsMjAgUTE0NCwtMzMgMTAwLDAgUTEyNywxMSAxMjAsNDggUTE1NCwxMTQgMTM2LDEwNyBRMTEzLDExNCAxMjUsMTEyIFE2NSwxMjkgMTAwLDEyMSBRMTQ0LDg4IDQ0LDE0MSBRNDEsMTQxIDMxLDE0MyBMMiwxMjYgTDAsMTIxIFEtMzUsMTI5IDI1LDExMiBRMjQsMTA5IDM2LDEwNyBRMzgsNTUgMjAsNDggUTI3LDExIDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii0xMDAiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIxMDAiIHk9IjAiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSIxMjEiLz4KICA8dXNlIGhyZWY9IiNyb290IiB4PSIwIiB5PSItMTIxIi8+Cjwvc3ZnPg==');
background-size: 82px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='100' 
  height='121' 
  viewBox='0 0 100 121'
>
  <path 
    stroke="#984c63" 
    stroke-width="39"
    fill="#e27193" 
    d="M 0,0 L2,5 L31,22 Q54,18 44,20 Q144,-33 100,0 Q127,11 120,48 Q154,114 136,107 Q113,114 125,112 Q65,129 100,121 Q144,88 44,141 Q41,141 31,143 L2,126 L0,121 Q-35,129 25,112 Q24,109 36,107 Q38,55 20,48 Q27,11 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-100" y="0"/>
  <use href="#root" x="100" y="0"/>
  <use href="#root" x="0" y="121"/>
  <use href="#root" x="0" y="-121"/>
</svg>
Download