display an image inside SVG circle

Code

<svg width="500" height="250">
    <defs>
        <clipPath id="circleView">
            <circle cx="250" cy="125" r="125" fill="#FFFFFF" />            
        </clipPath>
    </defs>
<image width="500" height="250" xlink:href="https://www.amrita.edu/sites/default/files/news-images/new/news-events/images/l-nov/grass.jpg" clip-path="url(#circleView)" />
    
 </svg>

Reference

• how-can-i-display-an-image-inside-svg-circle-in-html5