bell slash icon

bell-slash-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: bell-slash-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

bell-slash bell-slash-bold bell-slash-duotone bell-slash-light bell-slash-thin

The same icon in other sets

bell-slashBootstrap Icons bell-slashCodicons bell-slashFramework7 Icons bell-slashFont Awesome 6 Regular bell-slashFont Awesome 6 Solid bell-slashFont Awesome Regular bell-slashFont Awesome Solid bell-slashHeroIcons bell-slashLine Awesome bell-slash-16Octicons bell-slashPrime Icons bell-slashUnicons

Related icons in Phosphor

bell-ringing bell-simple bell-simple-ringing bell-simple-slash bell-simple-z bell-z

Use the bell slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M221.84 192a1.85 1.85 0 0 1-3 .28L83.27 43.19a4 4 0 0 1 .8-6A79.55 79.55 0 0 1 129.17 24c43.83.66 78.63 37.1 78.83 80.92c.14 34.88 8.31 61.54 13.82 71a15.89 15.89 0 0 1 .02 16.08m-7.92 18.62a8 8 0 0 1-11.85 10.76L182.62 200h-15.46a40 40 0 0 1-78.41 0H47.91a15.78 15.78 0 0 1-13.59-7.59a16.42 16.42 0 0 1-.09-16.68c5.55-9.73 13.7-36.64 13.7-71.73a79.4 79.4 0 0 1 10.86-40.15L42 45.38a8 8 0 1 1 11.84-10.76ZM150.59 200h-45.27a24 24 0 0 0 45.27 0"/></svg>

React

import type { SVGProps } from "react";

export function PhBellSlashFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M221.84 192a1.85 1.85 0 0 1-3 .28L83.27 43.19a4 4 0 0 1 .8-6A79.55 79.55 0 0 1 129.17 24c43.83.66 78.63 37.1 78.83 80.92c.14 34.88 8.31 61.54 13.82 71a15.89 15.89 0 0 1 .02 16.08m-7.92 18.62a8 8 0 0 1-11.85 10.76L182.62 200h-15.46a40 40 0 0 1-78.41 0H47.91a15.78 15.78 0 0 1-13.59-7.59a16.42 16.42 0 0 1-.09-16.68c5.55-9.73 13.7-36.64 13.7-71.73a79.4 79.4 0 0 1 10.86-40.15L42 45.38a8 8 0 1 1 11.84-10.76ZM150.59 200h-45.27a24 24 0 0 0 45.27 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M221.84 192a1.85 1.85 0 0 1-3 .28L83.27 43.19a4 4 0 0 1 .8-6A79.55 79.55 0 0 1 129.17 24c43.83.66 78.63 37.1 78.83 80.92c.14 34.88 8.31 61.54 13.82 71a15.89 15.89 0 0 1 .02 16.08m-7.92 18.62a8 8 0 0 1-11.85 10.76L182.62 200h-15.46a40 40 0 0 1-78.41 0H47.91a15.78 15.78 0 0 1-13.59-7.59a16.42 16.42 0 0 1-.09-16.68c5.55-9.73 13.7-36.64 13.7-71.73a79.4 79.4 0 0 1 10.86-40.15L42 45.38a8 8 0 1 1 11.84-10.76ZM150.59 200h-45.27a24 24 0 0 0 45.27 0"/></svg>
</template>

CSS

.icon-bell-slash-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M221.84%20192a1.85%201.85%200%200%201-3%20.28L83.27%2043.19a4%204%200%200%201%20.8-6A79.55%2079.55%200%200%201%20129.17%2024c43.83.66%2078.63%2037.1%2078.83%2080.92c.14%2034.88%208.31%2061.54%2013.82%2071a15.89%2015.89%200%200%201%20.02%2016.08m-7.92%2018.62a8%208%200%200%201-11.85%2010.76L182.62%20200h-15.46a40%2040%200%200%201-78.41%200H47.91a15.78%2015.78%200%200%201-13.59-7.59a16.42%2016.42%200%200%201-.09-16.68c5.55-9.73%2013.7-36.64%2013.7-71.73a79.4%2079.4%200%200%201%2010.86-40.15L42%2045.38a8%208%200%201%201%2011.84-10.76ZM150.59%20200h-45.27a24%2024%200%200%200%2045.27%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M221.84%20192a1.85%201.85%200%200%201-3%20.28L83.27%2043.19a4%204%200%200%201%20.8-6A79.55%2079.55%200%200%201%20129.17%2024c43.83.66%2078.63%2037.1%2078.83%2080.92c.14%2034.88%208.31%2061.54%2013.82%2071a15.89%2015.89%200%200%201%20.02%2016.08m-7.92%2018.62a8%208%200%200%201-11.85%2010.76L182.62%20200h-15.46a40%2040%200%200%201-78.41%200H47.91a15.78%2015.78%200%200%201-13.59-7.59a16.42%2016.42%200%200%201-.09-16.68c5.55-9.73%2013.7-36.64%2013.7-71.73a79.4%2079.4%200%200%201%2010.86-40.15L42%2045.38a8%208%200%201%201%2011.84-10.76ZM150.59%20200h-45.27a24%2024%200%200%200%2045.27%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bell-slash-fill.svg?color=%231a73e8&size=48