Snowman

snowman.svg

<?xml version="1.0" encoding="utf-8" standalone="no" ?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 115 400 400">
  <defs>
    <radialGradient id="snowball-fill" cx="40%" cy="40%">
      <stop offset="0%" stop-color="white" />
      <stop offset="100%" stop-color="#aaaaaa" />
    </radialGradient>
    <g id="snowball">
      <circle fill="url(#snowball-fill)" r="1" />
    </g>

    <radialGradient id="eyeball-fill" cx="50%" cy="50%">
      <stop offset="0%" stop-color="#ff0000" />
      <stop offset="100%" stop-color="#aa0000" />
    </radialGradient>
    <g id="eyeball">
      <circle fill="url(#eyeball-fill)" r="5" />
    </g>

    <linearGradient id="nose-fill" x1="0" x2="100%">
      <stop offset="0%" stop-color="#e87714" />
      <stop offset="10%" stop-color="#d06f2b" />
      <stop offset="20%" stop-color="#e87714" />
      <stop offset="30%" stop-color="#d06f2b" />
      <stop offset="40%" stop-color="#e87714" />
      <stop offset="50%" stop-color="#d06f2b" />
      <stop offset="60%" stop-color="#e87714" />
      <stop offset="70%" stop-color="#d06f2b" />
      <stop offset="80%" stop-color="#e87714" />
      <stop offset="90%" stop-color="#d06f2b" />
      <stop offset="100%" stop-color="#e87714" />
    </linearGradient>
    <path id="nose"
          d="M200,170 C200,160 190,165 160,168 Q155,170 160,172 C190,175 200,180 200,170 z"
          transform="translate(-200 -155)"
          fill="url(#nose-fill)" />
    
    <g id="arm" fill="none" stroke="#663400" stroke-width="5" stroke-linecap="round">
      <line x1="0" x2="100" />
      <line x1="80" x2="90" y2="10" />
      <line x1="70" x2="90" y2="-15" />
    </g>
  </defs>

  <rect id="background" y="115" width="400" height="400" />

  <use xlink:href="#snowball" transform="translate(200 400) scale(100)" />
  <use xlink:href="#snowball" transform="translate(200 270) scale(70 70)" />
  <use xlink:href="#snowball" transform="translate(200 180) scale(50)" />

  <use xlink:href="#eyeball" transform="translate(185 160)" />
  <line x1="180" x2="190" y1="151" y2="155" stroke="black" stroke-width="2" />
  
  <use xlink:href="#eyeball" transform="translate(215 160)" />
  <line x1="220" x2="210" y1="151" y2="155" stroke="black" stroke-width="2" />

  <use xlink:href="#nose" transform="translate(200 165) scale(0.6) rotate(-10)" />
  
  <path id="mouth" d="M170,195 c10,-10 50,-10 60,0" fill="none" stroke="black" stroke-width="3" />
  
  <circle cx="200" cy="250" r="5" fill="#222" />
  <circle cx="200" cy="280" r="5" fill="black" />
  <circle cx="200" cy="310" r="5" fill="#222" />
  
  <use xlink:href="#arm" transform="translate(250 255) rotate(-20)" />
  <use xlink:href="#arm" transform="translate(150 255) rotate(20) scale(-1 1)" />

</svg>