Example


<svg width="115px" height="70px" viewBox="0 0 200 120" version="1.1">
     <title>Example filters01-2.svg - after second step</title>
     <desc>Shows intermediate result for filters01.svg after applying the second filter element, feOffset.</desc>
     <defs>
          <filter id="MyFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="120">
               <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
               <feOffset in="blur" dx="4" dy="4" result="offsetBlur"/>
          </filter>
     </defs>
     <rect x="1" y="1" width="198" height="118" fill="#888888" stroke="blue"/>
     <g filter="url(#MyFilter)">
          <g>
               <path fill="none" stroke="#D90000" stroke-width="10" d="M50,90 C0,90 0,30 50,30 L150,30 C200,30 200,90 150,90 z"/>
               <path fill="#D90000" d="M60,80 C30,80 30,40 60,40 L140,40 C170,40 170,80 140,80 z"/>
               <g fill="#FFFFFF" stroke="black" font-size="45" font-family="Verdana">
                    <text x="52" y="76">SVG</text>
               </g>
          </g>
     </g>
</svg>
Original SVG source