Add icons to this collection by clicking the heart icon.
Bell icon - also known as bell, alarm, notification, alert, ui, and enable sound. Created in a clean flat 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="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 32.796 -32.796 0 16 1)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#87d0fd" />
        <stop offset="1" stop-color="#049fff" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#fc9f62" />
        <stop offset="1" stop-color="#e55b00" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 8 -8 0 16 25)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 27.5 -27.5 0 16 4.5)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 73 -73 0 16 7)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eff4fa" />
        <stop offset="1" stop-color="#68a4ec" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#b)"
            d="M31 6a5.004 5.004 0 0 0-1.464-3.536A5.004 5.004 0 0 0 26 1H6a5.004 5.004 0 0 0-3.536 1.464A5.004 5.004 0 0 0 1 6v20c0 1.326.527 2.598 1.464 3.536A5.004 5.004 0 0 0 6 31h20a5.004 5.004 0 0 0 3.536-1.464A5.004 5.004 0 0 0 31 26z"
        />
        <path fill="url(#c)" d="M12 27h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
        <path
            fill="url(#d)"
            d="M14.5 8a1.5 1.5 0 0 1 3 0 1 1 0 0 0 2 0c0-1.932-1.568-3.5-3.5-3.5S12.5 6.068 12.5 8a1 1 0 0 0 2 0z"
        />
        <path
            fill="url(#e)"
            d="M8.091 20.5H23.909c.056.459.111.868.159 1.21A2.002 2.002 0 0 1 22.089 24l-12.178-.001a1.994 1.994 0 0 1-1.512-.692 1.995 1.995 0 0 1-.467-1.59c.048-.344.103-.756.159-1.217zm.211-2c.113-1.254.198-2.65.198-4a7.5 7.5 0 0 1 15 0c0 1.351.085 2.747.198 4z"
        />
    </g>
</svg>
More icons in the same style and category