Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, ring, cross, alarm, cancel, 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 32 32"
>
    <linearGradient
        id="a"
        x1="2.749"
        x2="28.458"
        y1="31.416"
        y2="1.927"
        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="4.215"
        x2="29.924"
        y1="32.695"
        y2="3.205"
        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.928 2.928 0 0 0 5.925 27H10.1a5 5 0 0 0 9.8 0h4.176a2.928 2.928 0 0 0 2.692-4.083L25 18.8v-1.88A7.006 7.006 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.851-4.417a.916.916 0 0 1-.776.417H5.925a.928.928 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.917.917 0 0 1-.078.877z"
        />
        <path
            fill="url(#b)"
            d="M21.879 12.121a1 1 0 0 0 1.414 0l.707-.707.707.707a1 1 0 1 0 1.414-1.414L25.414 10l.707-.707a1 1 0 1 0-1.414-1.414L24 8.586l-.707-.707a1 1 0 1 0-1.414 1.414l.707.707-.707.707a1 1 0 0 0 0 1.414z"
        />
    </g>
</svg>
More icons in the same style and category