<?xml version="1.0" encoding="utf-8"?>

SVG circle

SVG circle

The element for drawing a circle is called <circle>. If you want to choose specific fill color or set a stroke, you have a couple of options: you can use fill and stroke attributes or use inline CSS styling with properties of fill, stroke, and stroke-width. Technically, there's no difference, and you can select whichever method you like more.

For example, for drawing a yellow circle, we used the following syntax: fill="yellow"

Improve your UX & Product skills with interactive courses that actually work