Notification

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 40 40"
>
    <linearGradient
        id="a"
        x1="-2.256"
        x2="37.07"
        y1="37.864"
        y2="6.299"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#54bf9a" />
        <stop offset="1" stop-color="#00add7" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-2.883"
        x2="36.444"
        y1="37.083"
        y2="5.519"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-2.16"
        x2="37.166"
        y1="37.984"
        y2="6.419"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M20 2a18 18 0 1 0 18 18A18.021 18.021 0 0 0 20 2zm0 34a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
    />
    <path
        fill="url(#b)"
        d="M26.5 10a3.5 3.5 0 1 0 3.5 3.5 3.5 3.5 0 0 0-3.5-3.5zm0 5a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
    />
    <path
        fill="url(#c)"
        d="M27 18.588a1 1 0 0 0-1 1V28H12V14h8.412a1 1 0 0 0 0-2H11a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-9.412a1 1 0 0 0-1-1z"
    />
</svg>