Add icons to this collection by clicking the heart icon.
Notification icon - also known as smartphone, marketing, megaphone, and social media. Created in a clean lineal color style with a white, silver, blue, navy, magenta, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M113.197 462.585h347.076V24.665H113.197Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(421.45193 0 0 -421.45193 45.274 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".049" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".999" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(480.7406 0 0 -480.7406 547.63 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".049" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".999" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(487.93188 0 0 -487.93188 12.034 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(404.04852 0 0 -404.04852 53.976 788)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".049" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".999" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M97.146-58.232c-135.328-119.539 38.831-235.409 22.243-366.028-7.375-58.072 16.054-113.588 92.705-107.244 93.412 7.732 59.504 97.209 79.065 156.778 33.659 102.501 240.73 78.56 154.895 236.448C391.277-37.52 190.289 24.043 97.146-58.232"
fill="url(#b)"
stroke="none"
/>
</g>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M552.723 332.437c26.255-85.007 107.775-89.005 182.131-93.554C979.721 223.906 671.852 20.698 881.55.58c77.137-7.4 157.788 56.956 145.59 140.291-11.107 75.879-121.153 121.073-121.207 191.979-.044 55.944 103.859 96.409 36.271 156.552-60.248 53.613-442.87 15.89-389.481-156.965"
fill="url(#d)"
stroke="none"
/>
</g>
<path
d="M286.592 507.133c-94.35-27.746-75.427-93.585-85.979-166.539-13.172-91.052-70.095-44.364-135.496-93.538-113.055-85-30.931-272.635 109.468-244.139 74.551 15.131 89.786 70.095 120.192 128.824 39.334 75.972 104.559 55.258 163.067 104.855C566.497 328.701 444.777 511.981 320.715 512c-11.42.002-22.841-1.549-34.123-4.867"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#e)"
stroke="none"
/>
<g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#g)" opacity=".1">
<path
d="M0 0v35.601c0 16.57-13.431 30-30 30h-201.061c-16.569 0-30-13.43-30-30v-377.92c0-16.57 13.431-30 30-30H-30c16.569 0 30 13.43 30 30v164.762c11.602 3.536 20.739 41.935 20.739 88.784C20.739-41.925 11.602-3.535 0 0"
transform="translate(374.257 396.983)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.702 3.974a5 5 0 0 1-5.533-2.817l-.719-1.567-12.912 2.958A5 5 0 0 1-41.099-7.2l16.878-3.866a5 5 0 0 1 5.661 2.79l.763 1.664 15.82-3.191A5 5 0 0 1 0 0"
transform="translate(456.26 303.969)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.897 0 1.807.242 2.626.749l14.693 9.092a5 5 0 0 1 2.045 6.023l-.63 1.662 13.412 8.795a5 5 0 1 1-5.482 8.362L9.896 23.688a5 5 0 0 1-1.934-5.952l.591-1.56-11.189-6.924A5 5 0 0 1 0 0"
transform="translate(416.283 319.126)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13.412 8.794.63 1.663a5 5 0 0 1-2.045 6.022l-14.694 9.093a5 5 0 1 1-5.261-8.504l11.188-6.923-.591-1.561a5 5 0 0 1 1.934-5.952L-5.482-8.362A4.996 4.996 0 0 1 1.44-6.923 5 5 0 0 1 0 0"
transform="translate(448.43 255.372)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v-377.92c0-16.57-13.431-30-30-30h-201.061c-16.569 0-30 13.43-30 30V0c0 16.57 13.431 30 30 30H-30C-13.431 30 0 16.57 0 0"
transform="translate(374.257 456.584)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.594 23.415-19.747 42.218-43.305 42.218-23.933 0-43.334-19.401-43.334-43.334 0-23.932 19.401-43.333 43.334-43.333.588 0 1.172.021 1.755.044v-28.564c0-13.619 9.175-25.53 22.343-29.006l153.791-40.596V35.526Z"
transform="translate(237.918 365.132)"
fill="#ffdbed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.11c0-1.26-.47-2.41-1.24-3.29A4.963 4.963 0 0 0-5-22.11h-83.06c-12.21 0-22.11 9.9-22.11 22.11 0 6.11 2.47 11.63 6.48 15.63 4 4 9.53 6.48 15.63 6.48h65.95C-9.9 22.11 0 12.21 0 0"
transform="translate(249.227 275.83)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.11c0-1.26-.47-2.41-1.24-3.29l-29.27 7.73c-13.17 3.47-22.35 15.38-22.35 29v5.78h30.75C-9.9 22.11 0 12.21 0 0"
transform="translate(249.227 275.83)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.76-2.24-5-5-5h-46.52c-2.76 0-5 2.24-5 5s2.24 5 5 5H-5c2.76 0 5-2.24 5-5"
transform="translate(219.086 275.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.76-2.24-5-5-5h-8.46a29.7 29.7 0 0 0-6.89 10H-5c2.76 0 5-2.24 5-5"
transform="translate(219.086 275.5)"
fill="#ffdbed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-57.335c0-16.571 13.43-30 30-30h201.061c16.569 0 30 13.429 30 30V0z"
transform="translate(113.196 136)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7.157 22.939h-125.5L-111.186 0a10 10 0 0 1 9.546-7.021h92.094A10 10 0 0 1 0 0"
transform="translate(299.32 464.396)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-162.42c0-16.568-13.432-30-30-30h-201.062c-16.569 0-30 13.432-30 30v377.922c0 16.568 13.431 30 30 30H-30c16.568 0 30-13.432 30-30v-35.169"
transform="translate(374.258 241.833)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-19a5 5 0 0 0-5 5v4.98a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(167.56 458.254)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v3.5a5 5 0 1 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(323.644 458.995)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v3.5a5 5 0 1 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(338.894 458.995)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-38.893c0-13.619 9.174-25.53 22.343-29.006l153.791-40.596V69.603L22.343 29.007C9.174 25.531 0 13.62 0 0"
transform="translate(196.369 351.652)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-112.75l-30.01 7.92c-13.17 3.48-22.35 15.39-22.35 29.01v38.89c0 13.62 9.18 25.53 22.35 29.01l14.15 3.73z"
transform="translate(248.727 388.58)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.35-18.46-42.39-41.58-43.3v30.93c0 13.62 9.18 25.53 22.35 29.01l14.15 3.73A43.148 43.148 0 0 0 0 0"
transform="translate(237.946 364.02)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-132.489-34.973"
transform="translate(372.503 421.254)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-26.741c0-13.619 9.174-25.53 22.343-29.006l153.791-40.596"
transform="translate(196.369 339.5)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-49.18-10.07-89.048-22.493-89.048-12.422 0-22.492 39.868-22.492 89.048s10.07 89.049 22.492 89.049C-10.07 89.049 0 49.18 0 0"
transform="translate(394.996 332.206)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.18-10.069-89.05-22.489-89.05-4.931 0-9.49 6.27-13.191 16.9-5.639 16.18-9.309 42.47-9.309 72.15 0 29.68 3.67 55.97 9.309 72.14 3.701 10.63 8.26 16.9 13.191 16.9C-10.069 89.04 0 49.18 0 0"
transform="translate(394.996 332.21)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.68-3.671-55.97-9.311-72.15C-14.95-55.97-18.62-29.68-18.62 0c0 29.68 3.67 55.97 9.309 72.14C-3.671 55.97 0 29.68 0 0"
transform="translate(368.627 332.21)"
fill="#4369fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.921-9.564-21.636-21.511-21.995A342.5 342.5 0 0 0-22.203 0c0 7.59.238 14.961.692 21.996C-9.564 21.636 0 11.922 0 0"
transform="translate(372.216 332.206)"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.18-.07-8.29-.221-12.32a22.187 22.187 0 0 0-17.7-9.68h-.01c-.45 7.04-.689 14.41-.689 22s.239 14.96.689 21.99h.01a22.187 22.187 0 0 0 17.7-9.68C-.07 8.29 0 4.18 0 0"
transform="translate(368.627 332.21)"
fill="#fe2c8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.066 40.738-11.153 71.424-22.052 71.424-12.422 0-22.492-39.868-22.492-89.048s10.07-89.049 22.492-89.049c11.04 0 20.221 31.487 22.129 73.013"
transform="translate(394.555 349.83)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 16.878-3.866 2.414 5.265 19.702-3.974"
transform="translate(416.278 325.643)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.693 9.093-2.05 5.414L29.41 25.501"
transform="translate(416.278 348.127)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.693-9.093-2.05-5.414L29.41-25.501"
transform="translate(416.278 300.692)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11 11L0 22l11-11Z"
transform="translate(438.272 189.135)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(77.727 433.14)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(411.67 172.533)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(77.727 118.474)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11 11L0 22l11-11Z"
transform="translate(62.727 361.099)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h150.364c17.184 0 31.114 13.93 31.114 31.113 0 17.184-13.93 31.114-31.114 31.114H27.418c-17.183 0-31.113-13.93-31.113-31.114V3.695A3.695 3.695 0 0 1 0 0"
transform="translate(171.847 164.977)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h91.52a5 5 0 0 1 0 10H0A5 5 0 1 1 0 0"
transform="translate(233.292 200.418)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h121.52a5 5 0 0 1 0 10H0A5 5 0 1 1 0 0"
transform="translate(203.292 181.762)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h121.52a5 5 0 0 1 0 10H0A5 5 0 1 1 0 0"
transform="translate(182.967 77.247)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.932-19.401-43.333-43.333-43.333-23.933 0-43.334 19.401-43.334 43.333 0 23.933 19.401 43.333 43.334 43.333C-19.401 43.333 0 23.933 0 0"
transform="translate(237.946 384.612)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a43.2 43.2 0 0 1 3.071 16.02c0 23.932-19.401 43.333-43.333 43.333-23.933 0-43.334-19.401-43.334-43.333 0-23.933 19.401-43.333 43.334-43.333a43.198 43.198 0 0 1 16.652 3.32"
transform="translate(234.875 368.593)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a6.621 6.621 0 0 0 6.613-6.613A6.621 6.621 0 0 0 0-13.227a6.621 6.621 0 0 0-6.613 6.614A6.621 6.621 0 0 0 0 0m16.613-6.613C16.613 2.547 9.161 10 0 10S-16.613 2.547-16.613-6.613c0-4.518 1.818-8.616 4.754-11.614-2.936-2.998-4.754-7.095-4.754-11.613a5 5 0 1 1 10 0A6.62 6.62 0 0 0 0-23.227a6.62 6.62 0 0 0 6.613-6.613 5 5 0 0 1 10 0c0 4.518-1.818 8.615-4.754 11.613 2.936 2.998 4.754 7.096 4.754 11.614"
transform="translate(194.613 397.032)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.279 0-2.56.488-3.535 1.464l-5.834 5.834a5 5 0 1 0 7.07 7.071L0 12.071l2.299 2.298a5 5 0 1 0 7.07-7.071L3.535 1.464A4.983 4.983 0 0 0 0 0"
transform="translate(243.727 99.474)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M170.091 1043.609c-68.06-4.435-134.218-61.126-111.591-135.072 18.265-59.691 84.702-87.73 134.671-115.676 47.928-26.805 98.6-60.229 112.037-117.192 9.246-39.199-2.084-84.916 22.012-117.187 42.331-56.694 124.077-13.634 130.313 47.258 5.176 50.542-31.51 94.701-65.828 132.165-33.268 36.317-70.462 71.374-99.992 110.843-27.345 36.55-41.639 81.985-5.379 118.188 8.145 8.133 17.848 16.505 14.871 29.734-9.768 43.394-97.815 49.109-131.114 46.939"
fill="url(#i)"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category