notifications off icon
notifications-off-outline-rounded from Material Symbols Light by Google · Outline Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- notifications-off-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline 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.11l.77.77q-.137.363-.205.737t-.068.76v7.922h8.353L3.023 4.9q-.16-.134-.16-.341t.16-.367t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zM13 4.545q1.923.327 3.154 1.824t1.23 3.476v3.904q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V9.846q0-1.823-1.28-3.104T12 5.462q-.708 0-1.388.225t-1.224.644q-.194.117-.404.094t-.344-.213q-.119-.164-.105-.344q.015-.18.186-.297q.498-.386 1.07-.646q.57-.26 1.209-.379V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4zm-1 16.839q-.608 0-1.084-.335q-.476-.334-.476-.901q0-.163.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .562-.475.898q-.476.335-1.084.335m.71-11.101"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightNotificationsOffOutlineRounded(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.11l.77.77q-.137.363-.205.737t-.068.76v7.922h8.353L3.023 4.9q-.16-.134-.16-.341t.16-.367t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zM13 4.545q1.923.327 3.154 1.824t1.23 3.476v3.904q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V9.846q0-1.823-1.28-3.104T12 5.462q-.708 0-1.388.225t-1.224.644q-.194.117-.404.094t-.344-.213q-.119-.164-.105-.344q.015-.18.186-.297q.498-.386 1.07-.646q.57-.26 1.209-.379V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4zm-1 16.839q-.608 0-1.084-.335q-.476-.334-.476-.901q0-.163.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .562-.475.898q-.476.335-1.084.335m.71-11.101"/></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.11l.77.77q-.137.363-.205.737t-.068.76v7.922h8.353L3.023 4.9q-.16-.134-.16-.341t.16-.367t.354-.16t.354.16L20.308 20.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zM13 4.545q1.923.327 3.154 1.824t1.23 3.476v3.904q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V9.846q0-1.823-1.28-3.104T12 5.462q-.708 0-1.388.225t-1.224.644q-.194.117-.404.094t-.344-.213q-.119-.164-.105-.344q.015-.18.186-.297q.498-.386 1.07-.646q.57-.26 1.209-.379V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4zm-1 16.839q-.608 0-1.084-.335q-.476-.334-.476-.901q0-.163.132-.271q.131-.109.293-.109h2.266q.18 0 .304.11t.124.272q0 .562-.475.898q-.476.335-1.084.335m.71-11.101"/></svg> </template>
CSS
.icon-notifications-off-outline-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.11l.77.77q-.137.363-.205.737t-.068.76v7.922h8.353L3.023%204.9q-.16-.134-.16-.341t.16-.367t.354-.16t.354.16L20.308%2020.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zM13%204.545q1.923.327%203.154%201.824t1.23%203.476v3.904q0%20.25-.155.375t-.341.125t-.345-.13t-.159-.376V9.846q0-1.823-1.28-3.104T12%205.462q-.708%200-1.388.225t-1.224.644q-.194.117-.404.094t-.344-.213q-.119-.164-.105-.344q.015-.18.186-.297q.498-.386%201.07-.646q.57-.26%201.209-.379V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204zm-1%2016.839q-.608%200-1.084-.335q-.476-.334-.476-.901q0-.163.132-.271q.131-.109.293-.109h2.266q.18%200%20.304.11t.124.272q0%20.562-.475.898q-.476.335-1.084.335m.71-11.101%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.11l.77.77q-.137.363-.205.737t-.068.76v7.922h8.353L3.023%204.9q-.16-.134-.16-.341t.16-.367t.354-.16t.354.16L20.308%2020.77q.14.14.153.342t-.157.37q-.156.156-.35.156t-.354-.16zM13%204.545q1.923.327%203.154%201.824t1.23%203.476v3.904q0%20.25-.155.375t-.341.125t-.345-.13t-.159-.376V9.846q0-1.823-1.28-3.104T12%205.462q-.708%200-1.388.225t-1.224.644q-.194.117-.404.094t-.344-.213q-.119-.164-.105-.344q.015-.18.186-.297q.498-.386%201.07-.646q.57-.26%201.209-.379V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204zm-1%2016.839q-.608%200-1.084-.335q-.476-.334-.476-.901q0-.163.132-.271q.131-.109.293-.109h2.266q.18%200%20.304.11t.124.272q0%20.562-.475.898q-.476.335-1.084.335m.71-11.101%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-outline-rounded.svg?color=%231a73e8&size=48
