Filtere

<svg width="200px" height="200px" viewBox="0 0 400 400">
<defs>
   <filter id="metallic">
      <feGaussianBlur result="blurredAlpha" in="SourceAlpha" stdDeviation="3"/>
      <feOffset result="offsetBlurredAlpha" in="blurredAlpha" dx="2" dy="1"/>
      <feDiffuseLighting result="bumpMapDiffuse" in="blurredAlpha" surfaceScale="5"
         diffuseConstant="0.5"
         style="lighting-color:rgb(255,255,255)">
         <feDistantLight azimuth="135" elevation="60"/>
      </feDiffuseLighting>
      <feComposite result="litPaint" in="bumpMapDiffuse" operator="arithmetic" k1="1"
         k2="0" k3="0" k4="0" in2="SourceGraphic"/>
      <feSpecularLighting result="bumpMapSpecular" in="blurredAlpha" surfaceScale="5"
         specularConstant="0.5" specularExponent="10"
         style="lighting-color:rgb(255,255,255)">
         <feDistantLight azimuth="135" elevation="60"/>
      </feSpecularLighting>
      <feComposite result="litPaint" in="litPaint" operator="arithmetic" k1="0"
         k2="1" k3="1" k4="0" in2="bumpMapSpecular"/>
      <feComposite result="litPaint" in="litPaint" operator="in" in2="SourceAlpha"/>
      <feMerge>
        <feMergeNode in="offsetBlurredAlpha"/>
        <feMergeNode in="litPaint"/>
      </feMerge>
   </filter>
</defs>
<g transform="translate(200,200)">
<circle cx="0" cy="0" r="100" 
   style="filter:url(#metallic);fill:yellow;stroke:rgb(11,11,13);stroke-width:1"/>
<circle cx="40" cy="-40" r="20" fill="rgb(10,10,10)"/>
<circle cx="-40" cy="-40" r="20" fill="rgb(10,10,10)"/>
<path
   d="M-40.0 40 C-30.0 50 -20 60 0 60 20 60 30 50 40 40 "
   style="fill:none;stroke:rgb(11,11,13);stroke-width:6"/>
</g>
</svg>