I draw a circle using the <svg> tag.

Question

so how did i add an image inside the circle

Answer 1

use
<svg height="100" width="100">
  <circle cx="50" cy="50" r="40"  fill="red" />
</svg>

Code explanation:

The cx and cy attributes define the x and y coordinates of the center of the circle.
If cx and cy are omitted, the circle's center is set to (0,0)
The r attribute defines the radius of the circle.
and the fill is to color the circle ( fill is used to film the color in the shape of svg )