Learning quadratic curves

shield.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg
    height="500"
    version="1.1"
    viewBox="0 0 500 500"
    width="500"
    xmlns="http://www.w3.org/2000/svg"
    xml:space="preserve">

    <path
        d="M250,2 Q332.6,67.3,498,100 Q415.3,365.3,250,498 Q84.6,365.3,2,100 Q167.3,67.3,250,2"
        fill="#005C8B" />

    <circle
        cx="250"
        cy="100"
        fill="green"
        r="10" />

    <circle
        cx="332.6"
        cy="67.3"
        fill="red"
        r="10" />

    <circle
        cx="167.3"
        cy="67.3"
        fill="red"
        r="10" />

    <circle
        cx="415.3"
        cy="365.3"
        fill="red"
        r="10" />

    <circle
        cx="84.6"
        cy="365.3"
        fill="red"
        r="10" />

</svg>