About

Red unicorn tesselation

Edit Tesselation

CSS Code

background-color: #93a4f2;
background-image: url('data:image/svg+xml;base64,PHN2ZyAKICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIAogIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAKICB3aWR0aD0nMzAnIAogIGhlaWdodD0nMTMxJyAKICB2aWV3Qm94PScwIDAgMzAgMTMxJwo+CiAgPHBhdGggCiAgICBzdHJva2U9IiM4MTkwZDMiIAogICAgc3Ryb2tlLXdpZHRoPSIyIgogICAgZmlsbD0iIzkzYTRmMiIgCiAgICBkPSJNIDAsMCBMMTUsLTEzIFEyOSw1NCAyNSwxMiBMMzAsMCBRMjYsMTggMjcsMzMgUTI3LDkzIDI3LDY0IEwyMywxMDkgTDMwLDEzMSBMMjUsMTQzIFExOSwxNjAgMTUsMTE4IEwwLDEzMSBMLTcsMTA5IEwtMyw2NCBRLTMsNjIgLTMsMzMgUS00LDE4IDAsMCBaIiAKICAgIGlkPSJyb290Ij4KICA8L3BhdGg+CgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9Ii0zMCIgeT0iMCIvPgogIDx1c2UgaHJlZj0iI3Jvb3QiIHg9IjMwIiB5PSIwIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iMTMxIi8+CiAgPHVzZSBocmVmPSIjcm9vdCIgeD0iMCIgeT0iLTEzMSIvPgo8L3N2Zz4=');
background-size: 36px;

SVG Code

<svg 
  xmlns='http://www.w3.org/2000/svg' 
  xmlns:xlink='http://www.w3.org/1999/xlink' 
  width='30' 
  height='131' 
  viewBox='0 0 30 131'
>
  <path 
    stroke="#8190d3" 
    stroke-width="2"
    fill="#93a4f2" 
    d="M 0,0 L15,-13 Q29,54 25,12 L30,0 Q26,18 27,33 Q27,93 27,64 L23,109 L30,131 L25,143 Q19,160 15,118 L0,131 L-7,109 L-3,64 Q-3,62 -3,33 Q-4,18 0,0 Z" 
    id="root">
  </path>

  <use href="#root" x="-30" y="0"/>
  <use href="#root" x="30" y="0"/>
  <use href="#root" x="0" y="131"/>
  <use href="#root" x="0" y="-131"/>
</svg>
Download