<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 21 21">
  <!-- Our symbol in its own coordinate system -->
  <symbol id="myDot1" width="1" height="1">
    <circle cx="1" cy="1" r="1" />
  </symbol>
  <symbol id="myDot2" width="1" height="1">
    <circle cx="0" cy="1" r="1" />
  </symbol>
  <symbol id="myDot3" width="1" height="1">
    <circle cx="1" cy="0" r="1" />
  </symbol>
  <symbol id="myDot4" width="1" height="1">
    <circle cx="0" cy="0" r="1" />
  </symbol>

  <!-- eyes -->
  <g id="eyes">
    <title>1: Thermal lancet</title>
    <defs>
      <linearGradient id="glow1" x1="0%" y1="0%" x2="0%" y2="100%">
        <stop offset="0%" stop-color="#000000" />
        <stop offset="99%" stop-color="#FF0000" />
        <stop offset="100%" stop-color="#FF0000" />
      </linearGradient>
    </defs>

    <defs>
      <linearGradient id="glow2" x1="0%" y1="100%" x2="0%" y2="0%">
        <stop offset="0%" stop-color="#000000" />
        <stop offset="99%" stop-color="#FF0000" />
        <stop offset="100%" stop-color="#FF0000" />
      </linearGradient>
    </defs>

    <use href="#myDot1" x="8" y="8" fill="#000000" />
    <use href="#myDot2" x="9" y="8" fill="#000000" />
    <use href="#myDot3" x="8" y="9" fill="#000000" />
    <use href="#myDot4" x="9" y="9" fill="#000000" />

    <rect height="2" width="4" x="9" y="8" fill="#000000" />

    <use href="#myDot1" x="12" y="8" fill="#000000" />
    <use href="#myDot2" x="13" y="8" fill="#000000" />
    <use href="#myDot3" x="12" y="9" fill="#000000" />
    <use href="#myDot4" x="13" y="9" fill="#000000" />

    <rect height="1" width="1" x="9" y="8" fill="url(#glow1)">
      <animate attributeName="x" values="9;12;9" dur="3s" begin="0s" repeatCount="indefinite" />
    </rect>

    <rect height="1" width="1" x="9" y="9" fill="url(#glow2)">
      <animate attributeName="x" values="9; 12; 9" dur="3s" begin="0s" repeatCount="indefinite" />
    </rect>
  </g>
  <g id="mouth">
    <title>1: ok</title>
    <use href="#myDot4" x="12" y="12" fill="#000000" />
  </g>
  <g id="head">
    <title>1: nr. 1</title>
    <rect height="1" width="1" x="8" y="6" fill="#000000" />
    <rect height="1" width="1" x="9" y="6" fill="#000000" />
    <rect height="1" width="1" x="10" y="6" fill="#000000" />
    <rect height="1" width="1" x="11" y="6" fill="#000000" />
    <rect height="1" width="1" x="12" y="6" fill="#000000" />
    <rect height="1" width="1" x="13" y="6" fill="#000000" />
  </g>
</svg>