Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, 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=".022"
        x2="27.222"
        y1="26.471"
        y2="1.968"
        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="-8.582"
        x2="18.618"
        y1="16.92"
        y2="-7.583"
        href="#a"
    />
    <linearGradient
        id="c"
        x1=".793"
        x2="27.994"
        y1="27.327"
        y2="2.824"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="5.087"
        x2="32.288"
        y1="32.094"
        y2="7.591"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M23 14.051V10a9 9 0 0 0-18 0v4.051A3.492 3.492 0 0 0 5.5 21h17a3.492 3.492 0 0 0 .5-6.949zM7 10a7 7 0 0 1 14 0v4H7zm15.5 9h-17a1.5 1.5 0 0 1 0-3h17a1.5 1.5 0 0 1 0 3z"
        />
        <path
            fill="url(#b)"
            d="M3 10a10.98 10.98 0 0 1 2.75-7.267 1 1 0 1 0-1.5-1.323A12.976 12.976 0 0 0 1 10a1 1 0 0 0 2 0z"
        />
        <path
            fill="url(#c)"
            d="M23.681 1.333a1 1 0 1 0-1.489 1.334A10.974 10.974 0 0 1 25 10a1 1 0 0 0 2 0 12.967 12.967 0 0 0-3.319-8.667z"
        />
        <path
            fill="url(#d)"
            d="M17.2 23.4a4 4 0 0 1-6.4 0 1 1 0 1 0-1.6 1.2 6 6 0 0 0 9.6 0 1 1 0 0 0-1.6-1.2z"
        />
    </g>
</svg>
More icons in the same style and category