notifications off icon
notifications-off-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- notifications-off-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Related icons in IonIcons
Use the notifications off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m41.37 64l22.628-22.628l406.629 406.63l-22.628 22.627zM256 480a80.09 80.09 0 0 0 73.3-48H182.7a80.09 80.09 0 0 0 73.3 48M112 227.47V288l-48 64v48h268.12L115.87 183.75a237 237 0 0 0-3.87 43.72M448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.5 117.5 0 0 0-41.95 18.17l282 282Z"/></svg>
React
import type { SVGProps } from "react";
export function IonNotificationsOffSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m41.37 64l22.628-22.628l406.629 406.63l-22.628 22.627zM256 480a80.09 80.09 0 0 0 73.3-48H182.7a80.09 80.09 0 0 0 73.3 48M112 227.47V288l-48 64v48h268.12L115.87 183.75a237 237 0 0 0-3.87 43.72M448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.5 117.5 0 0 0-41.95 18.17l282 282Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m41.37 64l22.628-22.628l406.629 406.63l-22.628 22.627zM256 480a80.09 80.09 0 0 0 73.3-48H182.7a80.09 80.09 0 0 0 73.3 48M112 227.47V288l-48 64v48h268.12L115.87 183.75a237 237 0 0 0-3.87 43.72M448 352l-48-64v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48a117.5 117.5 0 0 0-41.95 18.17l282 282Z"/></svg> </template>
CSS
.icon-notifications-off-sharp {
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%20fill%3D%22currentColor%22%20d%3D%22m41.37%2064l22.628-22.628l406.629%20406.63l-22.628%2022.627zM256%20480a80.09%2080.09%200%200%200%2073.3-48H182.7a80.09%2080.09%200%200%200%2073.3%2048M112%20227.47V288l-48%2064v48h268.12L115.87%20183.75a237%20237%200%200%200-3.87%2043.72M448%20352l-48-64v-60.53C400%20157%20372.64%2095.61%20304%2080l-8-48h-80l-8%2048a117.5%20117.5%200%200%200-41.95%2018.17l282%20282Z%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%20fill%3D%22currentColor%22%20d%3D%22m41.37%2064l22.628-22.628l406.629%20406.63l-22.628%2022.627zM256%20480a80.09%2080.09%200%200%200%2073.3-48H182.7a80.09%2080.09%200%200%200%2073.3%2048M112%20227.47V288l-48%2064v48h268.12L115.87%20183.75a237%20237%200%200%200-3.87%2043.72M448%20352l-48-64v-60.53C400%20157%20372.64%2095.61%20304%2080l-8-48h-80l-8%2048a117.5%20117.5%200%200%200-41.95%2018.17l282%20282Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/notifications-off-sharp.svg?color=%231a73e8&size=48
