Basic Health Potion SVG

<svg width="160" height="480">
<defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" >
      	<animate attributeName="stop-color" values="red;fuchsia;red" dur="5" 					repeatCount="indefinite"></animate>
      </stop>
      <stop offset="100%">
      	<animate attributeName="stop-color" values="fuchsia;red;fuchsia" dur="5" 					repeatCount="indefinite"></animate>
      </stop>
        </animate>
    </linearGradient>
  </defs>
<path d=
    "M100 200
    L200 200
    L200 500
    Q200 550 150 550
    Q100 550 100 500
    L100 200
    Z
    "
    fill="url(#grad1)"
    transform="translate(-70 -80)"
    >
 </path>

  <path d=
    "M80 90
    L220 90
    L220 130
    L200 130
    L200 500
    Q200 550 150 550
    Q100 550 100 500
    L100 130
    L80 130
    Z
    "
    fill-opacity="0"
    stroke="rgb(204,255,255)"
    stroke-width="20"
    stroke-linejoin="round"
    transform="translate(-70 -80)"
    >
    <animate attributeName="stroke" values="#cccccc; #aaaaaa; #cccccc" dur="4s" repeatcount="indefinite" />

  </path>
</svg>