Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, notification, ui, and activity. 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="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-1.478"
x2="25.723"
y1="27.926"
y2="2.523"
>
<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="Orange_Yellow-2"
x1="-1.148"
x2="26.052"
y1="28.279"
y2="2.877"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-3"
x1="-1.148"
x2="26.053"
y1="28.279"
y2="2.877"
href="#Orange_Yellow"
/>
<g id="Layer_2">
<path
d="m22 1a5 5 0 1 0 5 5 5.006 5.006 0 0 0 -5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z"
fill="url(#Orange_Yellow)"
/>
<path
d="m22 13a1 1 0 0 0 -1 1v7.865a3.138 3.138 0 0 1 -3.135 3.135h-11.73a3.138 3.138 0 0 1 -3.135-3.135v-11.73a3.138 3.138 0 0 1 3.135-3.135h7.865a1 1 0 0 0 0-2h-7.865a5.141 5.141 0 0 0 -5.135 5.135v11.73a5.141 5.141 0 0 0 5.135 5.135h11.73a5.141 5.141 0 0 0 5.135-5.135v-7.865a1 1 0 0 0 -1-1z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m13.768 17.865-2.468-6.58a1 1 0 0 0 -1.831-.1l-1.906 3.815h-1.563a1 1 0 0 0 0 2h2.182a1 1 0 0 0 .894-.553l1.156-2.312 2.468 6.58a1 1 0 0 0 .884.647h.053a1 1 0 0 0 .894-.552l1.906-3.81h1.563a1 1 0 0 0 0-2h-2.182a1 1 0 0 0 -.894.553z"
fill="url(#Orange_Yellow-3)"
/>
</g>
</svg>
More icons in the same style and category