Cross Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <g>
        <linearGradient
            id="SVGID_1_"
            gradientUnits="userSpaceOnUse"
            x1="23.8988"
            y1="0.1012"
            x2="7.698547e-02"
            y2="23.923"
        >
            <stop offset="0" stop-color="#F8CDDA" />
            <stop offset="1" stop-color="#1D2B64" />
        </linearGradient>
        <path
            fill="url(#SVGID_1_)"
            d="M15.2,17.1c-0.1,0-0.3-0.1-0.4-0.1L12,14.1L9.2,17C9.1,17,9,17.1,8.8,17.1l0,0   c-0.1,0-0.3-0.1-0.4-0.1l-1.4-1.4c-0.2-0.2-0.2-0.5,0-0.7L9.9,12L7.1,9.2C6.9,9,6.9,8.7,7.1,8.5L8.5,7C8.7,6.9,9,6.9,9.2,7L12,9.9   L14.8,7C14.9,7,15,6.9,15.2,6.9l0,0c0.1,0,0.3,0.1,0.4,0.1l1.4,1.4c0.2,0.2,0.2,0.5,0,0.7L14.1,12l2.8,2.8c0.2,0.2,0.2,0.5,0,0.7   L15.5,17C15.4,17,15.3,17.1,15.2,17.1z M12,12.9c0.1,0,0.3,0.1,0.4,0.1l2.8,2.8l0.7-0.7l-2.8-2.8c-0.1-0.1-0.1-0.2-0.1-0.4   s0.1-0.3,0.1-0.4l2.8-2.8l-0.7-0.7l-2.8,2.8c-0.2,0.2-0.5,0.2-0.7,0L8.8,8.1L8.1,8.8l2.8,2.8c0.1,0.1,0.1,0.2,0.1,0.4   s-0.1,0.3-0.1,0.4l-2.8,2.8l0.7,0.7l2.8-2.8C11.7,13,11.9,12.9,12,12.9z"
        />
        <linearGradient
            id="SVGID_2_"
            gradientUnits="userSpaceOnUse"
            x1="23.9069"
            y1="9.310589e-02"
            x2="6.883920e-02"
            y2="23.9312"
        >
            <stop offset="0" stop-color="#F8CDDA" />
            <stop offset="1" stop-color="#1D2B64" />
        </linearGradient>
        <path
            fill="url(#SVGID_2_)"
            d="M12,22C6.5,22,2,17.5,2,12S6.5,2,12,2s10,4.5,10,10S17.5,22,12,22z M12,3c-5,0-9,4-9,9s4,9,9,9   s9-4,9-9S17,3,12,3z"
        />
        <linearGradient
            id="SVGID_3_"
            gradientUnits="userSpaceOnUse"
            x1="23.9082"
            y1="9.446511e-02"
            x2="7.023562e-02"
            y2="23.9324"
        >
            <stop offset="0" stop-color="#F8CDDA" />
            <stop offset="1" stop-color="#1D2B64" />
        </linearGradient>
        <path
            fill="url(#SVGID_3_)"
            d="M12,20c-3.8,0-7.1-2.7-7.8-6.4c-0.1-0.3,0.1-0.5,0.4-0.6c0.3-0.1,0.5,0.1,0.6,0.4   C5.8,16.6,8.7,19,12,19c3.9,0,7-3.1,7-7s-3.1-7-7-7c-3.3,0-6.2,2.4-6.9,5.6C5.1,10.9,4.8,11,4.5,11c-0.3-0.1-0.4-0.3-0.4-0.6   C4.9,6.7,8.2,4,12,4c4.4,0,8,3.6,8,8S16.4,20,12,20z"
        />
        <linearGradient
            id="SVGID_4_"
            gradientUnits="userSpaceOnUse"
            x1="20.1751"
            y1="-3.6751"
            x2="-3.663"
            y2="20.163"
        >
            <stop offset="0" stop-color="#F8CDDA" />
            <stop offset="1" stop-color="#1D2B64" />
        </linearGradient>
        <circle fill="url(#SVGID_4_)" cx="4.5" cy="12" r="0.5" />
    </g>
</svg>