ios notifications icon
ios-notifications-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-notifications-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios notifications icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M289.7 403c-6.1 0-11.4 4.2-12.7 10.2-1 4.5-2.7 8.2-5 10.9-1.3 1.5-5.1 5.9-16.1 5.9-11 0-14.8-4.5-16.1-5.9-2.3-2.7-4-6.4-5-10.9-1.3-6-6.6-10.2-12.7-10.2-8.4 0-14.5 7.8-12.7 15.9 5 22.3 21 37.1 46.5 37.1s41.5-14.7 46.5-37.1c1.8-8.1-4.4-15.9-12.7-15.9z" fill="currentColor"/><path d="M412 352.2c-15.4-20.3-45.7-32.2-45.7-123.1 0-93.3-41.2-130.8-79.6-139.8-3.6-.9-6.2-2.1-6.2-5.9v-2.9c0-13.3-10.8-24.6-24-24.6h-.6c-13.2 0-24 11.3-24 24.6v2.9c0 3.7-2.6 5-6.2 5.9-38.5 9.1-79.6 46.5-79.6 139.8 0 90.9-30.3 102.7-45.7 123.1-9.9 13.1-.5 31.8 15.9 31.8h280.1c16.1 0 25.4-18.8 15.6-31.8zm-39 5.8H139.8c-3.8 0-5.8-4.4-3.3-7.3 7-8 14.7-18.5 21-33.4 9.6-22.6 14.3-51.5 14.3-88.2 0-37.3 7-66.5 20.9-86.8 12.4-18.2 27.9-25.1 38.7-27.6 8.4-2 14.4-5.8 18.6-10.5 3.2-3.6 8.7-3.8 11.9-.2 5.1 5.7 12 9.1 18.8 10.7 10.8 2.5 26.3 9.4 38.7 27.6 13.9 20.3 20.9 49.5 20.9 86.8 0 36.7 4.7 65.6 14.3 88.2 6.5 15.2 14.4 25.9 21.5 33.9 2.2 2.7.4 6.8-3.1 6.8z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosNotificationsOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M289.7 403c-6.1 0-11.4 4.2-12.7 10.2-1 4.5-2.7 8.2-5 10.9-1.3 1.5-5.1 5.9-16.1 5.9-11 0-14.8-4.5-16.1-5.9-2.3-2.7-4-6.4-5-10.9-1.3-6-6.6-10.2-12.7-10.2-8.4 0-14.5 7.8-12.7 15.9 5 22.3 21 37.1 46.5 37.1s41.5-14.7 46.5-37.1c1.8-8.1-4.4-15.9-12.7-15.9z" fill="currentColor"/><path d="M412 352.2c-15.4-20.3-45.7-32.2-45.7-123.1 0-93.3-41.2-130.8-79.6-139.8-3.6-.9-6.2-2.1-6.2-5.9v-2.9c0-13.3-10.8-24.6-24-24.6h-.6c-13.2 0-24 11.3-24 24.6v2.9c0 3.7-2.6 5-6.2 5.9-38.5 9.1-79.6 46.5-79.6 139.8 0 90.9-30.3 102.7-45.7 123.1-9.9 13.1-.5 31.8 15.9 31.8h280.1c16.1 0 25.4-18.8 15.6-31.8zm-39 5.8H139.8c-3.8 0-5.8-4.4-3.3-7.3 7-8 14.7-18.5 21-33.4 9.6-22.6 14.3-51.5 14.3-88.2 0-37.3 7-66.5 20.9-86.8 12.4-18.2 27.9-25.1 38.7-27.6 8.4-2 14.4-5.8 18.6-10.5 3.2-3.6 8.7-3.8 11.9-.2 5.1 5.7 12 9.1 18.8 10.7 10.8 2.5 26.3 9.4 38.7 27.6 13.9 20.3 20.9 49.5 20.9 86.8 0 36.7 4.7 65.6 14.3 88.2 6.5 15.2 14.4 25.9 21.5 33.9 2.2 2.7.4 6.8-3.1 6.8z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M289.7 403c-6.1 0-11.4 4.2-12.7 10.2-1 4.5-2.7 8.2-5 10.9-1.3 1.5-5.1 5.9-16.1 5.9-11 0-14.8-4.5-16.1-5.9-2.3-2.7-4-6.4-5-10.9-1.3-6-6.6-10.2-12.7-10.2-8.4 0-14.5 7.8-12.7 15.9 5 22.3 21 37.1 46.5 37.1s41.5-14.7 46.5-37.1c1.8-8.1-4.4-15.9-12.7-15.9z" fill="currentColor"/><path d="M412 352.2c-15.4-20.3-45.7-32.2-45.7-123.1 0-93.3-41.2-130.8-79.6-139.8-3.6-.9-6.2-2.1-6.2-5.9v-2.9c0-13.3-10.8-24.6-24-24.6h-.6c-13.2 0-24 11.3-24 24.6v2.9c0 3.7-2.6 5-6.2 5.9-38.5 9.1-79.6 46.5-79.6 139.8 0 90.9-30.3 102.7-45.7 123.1-9.9 13.1-.5 31.8 15.9 31.8h280.1c16.1 0 25.4-18.8 15.6-31.8zm-39 5.8H139.8c-3.8 0-5.8-4.4-3.3-7.3 7-8 14.7-18.5 21-33.4 9.6-22.6 14.3-51.5 14.3-88.2 0-37.3 7-66.5 20.9-86.8 12.4-18.2 27.9-25.1 38.7-27.6 8.4-2 14.4-5.8 18.6-10.5 3.2-3.6 8.7-3.8 11.9-.2 5.1 5.7 12 9.1 18.8 10.7 10.8 2.5 26.3 9.4 38.7 27.6 13.9 20.3 20.9 49.5 20.9 86.8 0 36.7 4.7 65.6 14.3 88.2 6.5 15.2 14.4 25.9 21.5 33.9 2.2 2.7.4 6.8-3.1 6.8z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-notifications-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M289.7%20403c-6.1%200-11.4%204.2-12.7%2010.2-1%204.5-2.7%208.2-5%2010.9-1.3%201.5-5.1%205.9-16.1%205.9-11%200-14.8-4.5-16.1-5.9-2.3-2.7-4-6.4-5-10.9-1.3-6-6.6-10.2-12.7-10.2-8.4%200-14.5%207.8-12.7%2015.9%205%2022.3%2021%2037.1%2046.5%2037.1s41.5-14.7%2046.5-37.1c1.8-8.1-4.4-15.9-12.7-15.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M412%20352.2c-15.4-20.3-45.7-32.2-45.7-123.1%200-93.3-41.2-130.8-79.6-139.8-3.6-.9-6.2-2.1-6.2-5.9v-2.9c0-13.3-10.8-24.6-24-24.6h-.6c-13.2%200-24%2011.3-24%2024.6v2.9c0%203.7-2.6%205-6.2%205.9-38.5%209.1-79.6%2046.5-79.6%20139.8%200%2090.9-30.3%20102.7-45.7%20123.1-9.9%2013.1-.5%2031.8%2015.9%2031.8h280.1c16.1%200%2025.4-18.8%2015.6-31.8zm-39%205.8H139.8c-3.8%200-5.8-4.4-3.3-7.3%207-8%2014.7-18.5%2021-33.4%209.6-22.6%2014.3-51.5%2014.3-88.2%200-37.3%207-66.5%2020.9-86.8%2012.4-18.2%2027.9-25.1%2038.7-27.6%208.4-2%2014.4-5.8%2018.6-10.5%203.2-3.6%208.7-3.8%2011.9-.2%205.1%205.7%2012%209.1%2018.8%2010.7%2010.8%202.5%2026.3%209.4%2038.7%2027.6%2013.9%2020.3%2020.9%2049.5%2020.9%2086.8%200%2036.7%204.7%2065.6%2014.3%2088.2%206.5%2015.2%2014.4%2025.9%2021.5%2033.9%202.2%202.7.4%206.8-3.1%206.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M289.7%20403c-6.1%200-11.4%204.2-12.7%2010.2-1%204.5-2.7%208.2-5%2010.9-1.3%201.5-5.1%205.9-16.1%205.9-11%200-14.8-4.5-16.1-5.9-2.3-2.7-4-6.4-5-10.9-1.3-6-6.6-10.2-12.7-10.2-8.4%200-14.5%207.8-12.7%2015.9%205%2022.3%2021%2037.1%2046.5%2037.1s41.5-14.7%2046.5-37.1c1.8-8.1-4.4-15.9-12.7-15.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M412%20352.2c-15.4-20.3-45.7-32.2-45.7-123.1%200-93.3-41.2-130.8-79.6-139.8-3.6-.9-6.2-2.1-6.2-5.9v-2.9c0-13.3-10.8-24.6-24-24.6h-.6c-13.2%200-24%2011.3-24%2024.6v2.9c0%203.7-2.6%205-6.2%205.9-38.5%209.1-79.6%2046.5-79.6%20139.8%200%2090.9-30.3%20102.7-45.7%20123.1-9.9%2013.1-.5%2031.8%2015.9%2031.8h280.1c16.1%200%2025.4-18.8%2015.6-31.8zm-39%205.8H139.8c-3.8%200-5.8-4.4-3.3-7.3%207-8%2014.7-18.5%2021-33.4%209.6-22.6%2014.3-51.5%2014.3-88.2%200-37.3%207-66.5%2020.9-86.8%2012.4-18.2%2027.9-25.1%2038.7-27.6%208.4-2%2014.4-5.8%2018.6-10.5%203.2-3.6%208.7-3.8%2011.9-.2%205.1%205.7%2012%209.1%2018.8%2010.7%2010.8%202.5%2026.3%209.4%2038.7%2027.6%2013.9%2020.3%2020.9%2049.5%2020.9%2086.8%200%2036.7%204.7%2065.6%2014.3%2088.2%206.5%2015.2%2014.4%2025.9%2021.5%2033.9%202.2%202.7.4%206.8-3.1%206.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-notifications-outline.svg?color=%231a73e8&size=48
