Notification

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 54 54"
>
    <linearGradient
        id="a"
        x1="-.67"
        x2="55.66"
        y1="52.27"
        y2=".82"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d81b60" />
        <stop offset="1" stop-color="#ed6b9a" />
    </linearGradient>
    <linearGradient id="b" x1="-.83" x2="55.5" y1="52.1" y2=".65" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M27 3a24 24 0 1 0 24 24A24 24 0 0 0 27 3zm12.5 32.16A4.84 4.84 0 0 1 34.66 40H18.34a4.84 4.84 0 0 1-4.84-4.84V20.84A4.84 4.84 0 0 1 18.34 16H30.5a1 1 0 0 1 0 2H18.34a2.85 2.85 0 0 0-2.84 2.84v14.32A2.85 2.85 0 0 0 18.34 38h16.32a2.85 2.85 0 0 0 2.84-2.84V24a1 1 0 0 1 2 0zM32 23.54A1 1 0 0 1 33.46 25l-3.88 3.87a1.87 1.87 0 0 1-2.66 0l-1.67-1.67L22 30.46a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l3.38-3.37a1.87 1.87 0 0 1 2.66 0l1.67 1.67zM36.5 22a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
        />
        <circle cx="36.5" cy="18" r="2" fill="url(#b)" />
    </g>
</svg>