Delete Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="2"
        x2="30"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00aeef" />
        <stop offset="1" stop-color="#8dc63f" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M16 2C8.28 2 2 8.28 2 16s6.28 14 14 14 14-6.28 14-14S23.72 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12zm5.556-16.284-4.142 4.142L21.556 20a.999.999 0 1 1-1.414 1.414L16 17.271l-4.142 4.142a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414l4.142-4.142-4.142-4.142a.999.999 0 1 1 1.414-1.414L16 14.443l4.142-4.142a1.001 1.001 0 0 1 1.414 1.415z"
    />
</svg>