<!DOCTYPE html>
<
html
>
<
title
>SVG Filter</
title
>
<
body
>
<
svg
width
=
"200"
height
=
"200"
>
<
defs
>
<
filter
id
=
"filter1"
filterUnits
=
"userSpaceOnUse"
>
<
feFlood
x
=
"5%"
y
=
"5%"
width
=
"198"
height
=
"118"
flood-color
=
"green"
flood-opacity
=
"0.7"
/>
<
feDiffuseLighting
in
=
"BackgroundImage"
surfaceScale
=
"14"
diffuseConstant
=
"2"
kernelUnitLength
=
"2"
>
<
feSpotLight
x
=
"30"
y
=
"20"
z
=
"30"
limitingConeAngle
=
"40"
pointsAtX
=
"200"
pointsAtY
=
"200"
pointsAtZ
=
"0"
/>
<
fePointLight
x
=
"100"
y
=
"80"
z
=
"40"
/>
</
feDiffuseLighting
>
</
filter
>
</
defs
>
<
rect
x
=
"2"
y
=
"1"
width
=
"198"
height
=
"118"
style="stroke: #000000;
fill: green;
filter: url(#filter1);" />
<
circle
cx
=
"108"
cy
=
"68"
r
=
"55"
stroke
=
"black"
stroke-width
=
"3"
fill
=
"lightgreen"
filter: url(#filter1) />
<
g
fill
=
"#FFFFFF"
stroke
=
"darkGreen"
font-size
=
"12"
font-family
=
"Verdana"
>
<
text
x
=
"60"
y
=
"70"
>GeeksForGeeks</
text
>
</
g
>
</
svg
>
</
body
>
</
html
>