<!DOCTYPE html>
<
html
>
<
body
>
<
svg
width
=
"30%"
height
=
"30%"
viewBox
=
"0 0 500 300"
<
rect
x
=
"1"
y
=
"1"
width
=
"495"
height
=
"295"
fill
=
"none"
stroke
=
"green"
stroke-width
=
"3"
/>
<
path
id
=
"geeksforgeeks"
d
=
"M100,250 C 100,50 400,50 400,250"
fill
=
"none"
stroke
=
"green"
stroke-width
=
"8.02"
/>
<
circle
cx
=
"100"
cy
=
"250"
r
=
"18.64"
fill
=
"green"
/>
<
circle
cx
=
"250"
cy
=
"100"
r
=
"18.64"
fill
=
"green"
/>
<
circle
cx
=
"400"
cy
=
"250"
r
=
"18.64"
fill
=
"green"
/>
<
path
d
=
"M-25,-12.5 L25,-12.5 L 0,-87.5 z"
fill
=
"yellow"
stroke
=
"green"
stroke-width
=
"8.02"
>
<
animateMotion
dur
=
"3s"
repeatCount
=
"indefinite"
rotate
=
"auto"
>
<
mpath
xlink:href
=
"#geeksforgeeks"
/>
</
animateMotion
>
</
path
>
</
svg
>
</
body
>
</
html
>