Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, add, plus, alarm, notification, 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 32 32"
>
    <linearGradient
        id="a"
        x1=".549"
        x2="27.392"
        y1="34.986"
        y2="2.472"
        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.227"
        x2="29.071"
        y1="36.372"
        y2="3.858"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M31 10a6.981 6.981 0 0 0-9.45-6.549A9.994 9.994 0 0 0 5 11v7.8l-1.767 4.117A2.929 2.929 0 0 0 5.925 27H10.1a5 5 0 0 0 9.8 0h4.176a2.929 2.929 0 0 0 2.692-4.083L25 18.8v-1.88A7 7 0 0 0 31 10zm-2 0a5 5 0 1 1-5-5 5.006 5.006 0 0 1 5 5zM15 29a3 3 0 0 1-2.816-2h5.632A3 3 0 0 1 15 29zm9.85-4.417a.914.914 0 0 1-.775.417H5.925a.929.929 0 0 1-.854-1.294l1.848-4.312A.989.989 0 0 0 7 19v-8a8 8 0 0 1 12.671-6.49A6.986 6.986 0 0 0 23 16.92V19a.989.989 0 0 0 .081.394l1.848 4.312a.915.915 0 0 1-.079.877z"
        />
        <path
            fill="url(#b)"
            d="M22 11h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1V8a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2z"
        />
    </g>
</svg>
More icons in the same style and category