notifications off icon
notifications-off-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- notifications-off-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More communicate icons from Material Symbols Light
Use the notifications off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.88 18.77H5.5q-.213 0-.356-.145T5 18.268t.144-.356t.356-.143h1.116V9.846q0-.575.125-1.156q.126-.582.378-1.11l2.266 2.266H7.969L3.023 4.9q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zm.505-5.756q0 .235-.146.43q-.147.196-.364.302t-.45.063t-.413-.224L9.098 6.67q-.136-.136-.212-.312q-.074-.175-.074-.372q0-.222.108-.434q.109-.212.301-.337q.41-.26.858-.418T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.546q1.923.327 3.154 1.827t1.23 3.473zM12 21.383q-.608 0-1.084-.334t-.476-.901q0-.162.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .563-.475.898q-.476.336-1.084.336"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightNotificationsOffRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.88 18.77H5.5q-.213 0-.356-.145T5 18.268t.144-.356t.356-.143h1.116V9.846q0-.575.125-1.156q.126-.582.378-1.11l2.266 2.266H7.969L3.023 4.9q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zm.505-5.756q0 .235-.146.43q-.147.196-.364.302t-.45.063t-.413-.224L9.098 6.67q-.136-.136-.212-.312q-.074-.175-.074-.372q0-.222.108-.434q.109-.212.301-.337q.41-.26.858-.418T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.546q1.923.327 3.154 1.827t1.23 3.473zM12 21.383q-.608 0-1.084-.334t-.476-.901q0-.162.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .563-.475.898q-.476.336-1.084.336"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.88 18.77H5.5q-.213 0-.356-.145T5 18.268t.144-.356t.356-.143h1.116V9.846q0-.575.125-1.156q.126-.582.378-1.11l2.266 2.266H7.969L3.023 4.9q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zm.505-5.756q0 .235-.146.43q-.147.196-.364.302t-.45.063t-.413-.224L9.098 6.67q-.136-.136-.212-.312q-.074-.175-.074-.372q0-.222.108-.434q.109-.212.301-.337q.41-.26.858-.418T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.546q1.923.327 3.154 1.827t1.23 3.473zM12 21.383q-.608 0-1.084-.334t-.476-.901q0-.162.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .563-.475.898q-.476.336-1.084.336"/></svg> </template>
CSS
.icon-notifications-off-rounded {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.88%2018.77H5.5q-.213%200-.356-.145T5%2018.268t.144-.356t.356-.143h1.116V9.846q0-.575.125-1.156q.126-.582.378-1.11l2.266%202.266H7.969L3.023%204.9q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L20.308%2020.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zm.505-5.756q0%20.235-.146.43q-.147.196-.364.302t-.45.063t-.413-.224L9.098%206.67q-.136-.136-.212-.312q-.074-.175-.074-.372q0-.222.108-.434q.109-.212.301-.337q.41-.26.858-.418T11%204.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204v.546q1.923.327%203.154%201.827t1.23%203.473zM12%2021.383q-.608%200-1.084-.334t-.476-.901q0-.162.132-.271q.131-.109.293-.109h2.266q.18%200%20.304.11t.124.272q0%20.563-.475.898q-.476.336-1.084.336%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.88%2018.77H5.5q-.213%200-.356-.145T5%2018.268t.144-.356t.356-.143h1.116V9.846q0-.575.125-1.156q.126-.582.378-1.11l2.266%202.266H7.969L3.023%204.9q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16L20.308%2020.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zm.505-5.756q0%20.235-.146.43q-.147.196-.364.302t-.45.063t-.413-.224L9.098%206.67q-.136-.136-.212-.312q-.074-.175-.074-.372q0-.222.108-.434q.109-.212.301-.337q.41-.26.858-.418T11%204.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204v.546q1.923.327%203.154%201.827t1.23%203.473zM12%2021.383q-.608%200-1.084-.334t-.476-.901q0-.162.132-.271q.131-.109.293-.109h2.266q.18%200%20.304.11t.124.272q0%20.563-.475.898q-.476.336-1.084.336%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/notifications-off-rounded.svg?color=%231a73e8&size=48
