Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, sound, 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 24 24"
>
    <linearGradient
        id="a"
        x1="6.36"
        x2="22.716"
        y1="28.003"
        y2="7.694"
        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="2.468"
        x2="18.824"
        y1="24.869"
        y2="4.559"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M15 19.5H9a1.5 1.5 0 0 0 0 3h6a1.5 1.5 0 0 0 0-3zm0 2H9a.5.5 0 0 1 0-1h6a.5.5 0 0 1 0 1z"
        />
        <path
            fill="url(#b)"
            d="M18.5 13.55V9a6.475 6.475 0 0 0-5.036-6.328 1.492 1.492 0 0 0-2.914 0A6.474 6.474 0 0 0 5.5 9v4.55A2.5 2.5 0 0 0 6 18.5h12a2.5 2.5 0 0 0 .5-4.95zM18 17.5H6a1.5 1.5 0 0 1 0-3 .5.5 0 0 0 .5-.5V9a5.478 5.478 0 0 1 4.583-5.417A.605.605 0 0 0 11.5 3a.5.5 0 0 1 .5-.5.527.527 0 0 1 .5.59.5.5 0 0 0 .417.493A5.478 5.478 0 0 1 17.5 9v5a.5.5 0 0 0 .5.5 1.5 1.5 0 0 1 0 3z"
        />
    </g>
</svg>
More icons in the same style and category