Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, smartphone, offer, discount, sales, notification, percentage, commerce and shopping, shopping bag, online shopping, and ecommerce. Created in a clean outline color style with a gray, red, blue, and orange finish, 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"
>
<g>
<rect width="288" height="464" x="112" y="24" fill="#5b83fe" rx="20" />
<path
fill="#3a69ff"
d="M216 40v8a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-8h88v432H128V40z"
/>
<path fill="#f2444e" d="M352 448H160l8-224h176z" />
<path
fill="#f3aa20"
d="M376 192h32v24a16 16 0 0 1-16 16 16 16 0 0 1-16-16v-24z"
/>
<path
fill="#fccd3c"
d="M440 140v-18.9a42.246 42.246 0 0 0-32.141-41.02l-.333-.08v-8.237A15.763 15.763 0 0 0 391.763 56 15.763 15.763 0 0 0 376 71.763V80a42.246 42.246 0 0 0-32 40.985V140a40 40 0 0 1-16 32 40 40 0 0 0-16 32v4h160v-4a40 40 0 0 0-16-32 40 40 0 0 1-16-32z"
/>
<circle cx="440" cy="112" r="32" fill="#f2444e" />
<path fill="#2255f5" d="M144 72h184v24H144z" />
<path
fill="#e21f2a"
d="M296 268a4 4 0 0 1-4-4v-80a36 36 0 1 0-72 0v80a4 4 0 0 1-8 0v-80a44.084 44.084 0 0 1 43.84-44h.16a44 44 0 0 1 44 44v80a4 4 0 0 1-4 4z"
/>
<path
d="M380 20H132a24.027 24.027 0 0 0-24 24v424a24.027 24.027 0 0 0 24 24h248a24.027 24.027 0 0 0 24-24V248a4 4 0 0 0-8 0v220a16.019 16.019 0 0 1-16 16H132a16.019 16.019 0 0 1-16-16V44a16.019 16.019 0 0 1 16-16h248a16.019 16.019 0 0 1 16 16 4 4 0 0 0 8 0 24.027 24.027 0 0 0-24-24z"
/>
<path
d="M216 36h-88a4 4 0 0 0-4 4v432a4 4 0 0 0 4 4h256a4 4 0 0 0 4-4V248a4 4 0 0 0-8 0v220H132V44h80v4a12.013 12.013 0 0 0 12 12h64a12.013 12.013 0 0 0 12-12v-4h84a4 4 0 0 0 0-8h-88a4 4 0 0 0-4 4v8a4 4 0 0 1-4 4h-64a4 4 0 0 1-4-4v-8a4 4 0 0 0-4-4z"
/>
<path
d="M280 44a4 4 0 0 0 0-8h-48a4 4 0 0 0 0 8zM287.057 152.831A43.7 43.7 0 0 0 256 140h-.164A44.084 44.084 0 0 0 212 184v36h-44a4 4 0 0 0-4 3.857l-8 224a4 4 0 0 0 4 4.143h192a4 4 0 0 0 4-4.143l-8-224a4 4 0 0 0-4-3.857h-44v-36a43.706 43.706 0 0 0-12.943-31.169zM220 184a36.069 36.069 0 0 1 35.869-36A36 36 0 0 1 292 184v36h-72zm120.14 44 7.714 216H164.146l7.714-216H212v36a4 4 0 0 0 8 0v-36h72v36a4 4 0 0 0 8 0v-36z"
/>
<path
d="M298.4 308.8a4 4 0 0 0-5.6.8l-72 96a4 4 0 1 0 6.4 4.8l72-96a4 4 0 0 0-.8-5.6zM280 372a20 20 0 1 0 20 20 20.023 20.023 0 0 0-20-20zm0 32a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zM252 328a20 20 0 1 0-20 20 20.023 20.023 0 0 0 20-20zm-32 0a12 12 0 1 1 12 12 12.013 12.013 0 0 1-12-12zM391.76 52A19.773 19.773 0 0 0 372 71.76v5.229a46.239 46.239 0 0 0-32 43.991V140a36.166 36.166 0 0 1-14.4 28.8A43.977 43.977 0 0 0 308 204v4a4 4 0 0 0 4 4h60v4a20 20 0 0 0 40 0v-4h60a4 4 0 0 0 4-4v-4a44.205 44.205 0 0 0-17.6-35.2 36.2 36.2 0 0 1-10.6-12.7 35.623 35.623 0 0 1-2.965-8.431 35.995 35.995 0 1 0-23.586-66.382 45.719 45.719 0 0 0-9.715-4.332V71.76A19.787 19.787 0 0 0 391.76 52zM404 216a12 12 0 1 1-24 0v-4h24zm64-104a28 28 0 1 1-28-28 28.032 28.032 0 0 1 28 28zm-53.567-25.315a35.973 35.973 0 0 0 22.278 61.158 43.6 43.6 0 0 0 3.932 11.836A44.212 44.212 0 0 0 453.6 175.2 36.168 36.168 0 0 1 468 204H316a35.978 35.978 0 0 1 14.4-28.8A44.2 44.2 0 0 0 348 140v-19.02a38.24 38.24 0 0 1 28.97-37.1A4 4 0 0 0 380 80v-8.24A11.774 11.774 0 0 1 391.76 60a11.778 11.778 0 0 1 11.77 11.76V80a4 4 0 0 0 3.057 3.888l.314.076a38.2 38.2 0 0 1 7.532 2.721z"
/>
<path
d="m441.789 110.633-4.423 2.212A16.852 16.852 0 0 0 428 128a4 4 0 0 0 4 4h16a4 4 0 0 0 0-8h-11.065a8.914 8.914 0 0 1 4.009-4l4.422-2.211A11.933 11.933 0 0 0 452 107.056V104a12 12 0 0 0-24 0 4 4 0 0 0 8 0 4 4 0 0 1 8 0v3.056a3.977 3.977 0 0 1-2.211 3.577zM332 96V72a4 4 0 0 0-4-4H144a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h184a4 4 0 0 0 4-4zm-8-4H148V76h176zM192 108h-48a4 4 0 0 0 0 8h48a4 4 0 0 0 0-8zM144 132h24a4 4 0 0 0 0-8h-24a4 4 0 0 0 0 8zM180 128a4 4 0 0 0 4 4h48a4 4 0 0 0 0-8h-48a4 4 0 0 0-4 4zM144 148h56a4 4 0 0 0 0-8h-56a4 4 0 0 0 0 8z"
/>
</g>
</svg>
More icons in the same style and category