Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, bell, alarm, notification, exclamation mark, 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 512 512"
>
<linearGradient
id="a"
x1="1.16"
x2="502.61"
y1="474.99"
y2="473.97"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="b"
x1="1.14"
x2="502.59"
y1="463.18"
y2="462.15"
href="#a"
/>
<linearGradient
id="c"
x1="1.14"
x2="502.59"
y1="462.79"
y2="461.77"
href="#a"
/>
<linearGradient
id="d"
x1=".61"
x2="502.06"
y1="203.15"
y2="202.13"
href="#a"
/>
<linearGradient
id="e"
x1=".54"
x2="501.99"
y1="168.19"
y2="167.17"
href="#a"
/>
<linearGradient
id="f"
x1=".7"
x2="502.15"
y1="248.17"
y2="247.15"
href="#a"
/>
<path
fill="url(#a)"
d="M241 437a22.52 22.52 0 0 0-22.5 22.5v30a22.5 22.5 0 0 0 45 0v-30A22.52 22.52 0 0 0 241 437zm7.5 52.5a7.5 7.5 0 0 1-15 0v-30a7.5 7.5 0 0 1 15 0z"
/>
<path
fill="url(#b)"
d="M348 438.25a22.5 22.5 0 0 0-39 22.5l15 26a22.5 22.5 0 1 0 39-22.5zm-.75 43.75a7.52 7.52 0 0 1-10.25-2.77l-15-26a7.5 7.5 0 0 1 13-7.5l15 26a7.52 7.52 0 0 1-2.75 10.27z"
/>
<path
fill="url(#c)"
d="M164.75 430a22.53 22.53 0 0 0-30.75 8.25l-15 26a22.5 22.5 0 0 0 39 22.5l15-26a22.53 22.53 0 0 0-8.25-30.75zM160 453.25l-15 26a7.5 7.5 0 1 1-13-7.5l15-26a7.49 7.49 0 0 1 4.56-3.49 7.26 7.26 0 0 1 1.95-.26 7.51 7.51 0 0 1 6.49 11.25z"
/>
<path
fill="url(#d)"
d="M376.78 294.75a107.5 107.5 0 0 0-67.16-202.61 116.58 116.58 0 0 0-31.12-16V37.5a37.5 37.5 0 0 0-75 0v38.64a117.7 117.7 0 0 0-80 111.36v78.1l-48.85 77.92a7.47 7.47 0 0 0-1.15 4v50A7.5 7.5 0 0 0 81 405h320a7.5 7.5 0 0 0 7.5-7.5v-50a7.47 7.47 0 0 0-1.15-4zm46.72-97.25A92.5 92.5 0 1 1 331 105a92.61 92.61 0 0 1 92.5 92.5zm-205-160a22.5 22.5 0 0 1 45 0v34.65A119.17 119.17 0 0 0 241 70a117.58 117.58 0 0 0-22.5 2.17zm-81.15 234.25a7.53 7.53 0 0 0 1.15-4V187.5A102.61 102.61 0 0 1 241 85a101.49 101.49 0 0 1 49.7 12.85 107.5 107.5 0 0 0 71.84 202.43l24.9 39.72H94.56zM88.5 390v-35h305v35z"
/>
<path
fill="url(#e)"
d="M308.58 203.56A7.49 7.49 0 0 0 316 210h30a7.49 7.49 0 0 0 7.42-6.44l6.47-45.25a29.18 29.18 0 1 0-57.78 0zm11.71-58.67a14.18 14.18 0 0 1 24.71 11.3L339.5 195h-17l-5.5-38.81a14.18 14.18 0 0 1 3.29-11.3z"
/>
<path
fill="url(#f)"
d="M346 225h-30a7.5 7.5 0 0 0-7.5 7.5v30a7.5 7.5 0 0 0 7.5 7.5h30a7.5 7.5 0 0 0 7.5-7.5v-30a7.5 7.5 0 0 0-7.5-7.5zm-7.5 30h-15v-15h15z"
/>
</svg>
More icons in the same style and category