Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, ring, alarm, notification, alert, and ui. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <linearGradient
        id="a"
        x1=".955"
        x2="23.386"
        y1="26.043"
        y2="4.72"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="6.183"
        x2="28.614"
        y1="31.543"
        y2="10.22"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M23.5 16.756a8.429 8.429 0 0 1-1.283-4.472V9.519A8.436 8.436 0 0 0 14.252 1a8.216 8.216 0 0 0-8.468 8.216v3.068A8.429 8.429 0 0 1 4.5 16.756a3.274 3.274 0 0 0 2.775 5.008h13.449a3.274 3.274 0 0 0 2.776-5.008zm-1.662 2.352a1.257 1.257 0 0 1-1.113.656H7.276A1.273 1.273 0 0 1 6.2 17.816a10.428 10.428 0 0 0 1.587-5.532V9.216A6.216 6.216 0 0 1 14 3h.193a6.422 6.422 0 0 1 6.024 6.516v2.765a10.428 10.428 0 0 0 1.583 5.535 1.257 1.257 0 0 1 .037 1.292z"
    />
    <path
        fill="url(#b)"
        d="M17.965 23.134a1 1 0 0 0-1.365.366 3 3 0 0 1-5.2 0 1 1 0 1 0-1.732 1 5 5 0 0 0 8.662 0 1 1 0 0 0-.365-1.366z"
    />
</svg>
More icons in the same style and category