bell simple slash icon

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

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

5 other variants in Phosphor

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

Related icons in Phosphor

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

Use the bell simple 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.08M160 216H96.22a8.19 8.19 0 0 0-8.22 7.47a8 8 0 0 0 8 8.53h63.74a8.19 8.19 0 0 0 8.26-7.47a8 8 0 0 0-8-8.53M53.84 34.62A8 8 0 1 0 42 45.38l16.79 18.47A79.4 79.4 0 0 0 47.93 104c0 35.09-8.15 62-13.7 71.73a16.42 16.42 0 0 0 .09 16.68A15.78 15.78 0 0 0 47.91 200h134.71l19.45 21.38a8 8 0 0 0 11.85-10.76Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBellSimpleSlashFill(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.08M160 216H96.22a8.19 8.19 0 0 0-8.22 7.47a8 8 0 0 0 8 8.53h63.74a8.19 8.19 0 0 0 8.26-7.47a8 8 0 0 0-8-8.53M53.84 34.62A8 8 0 1 0 42 45.38l16.79 18.47A79.4 79.4 0 0 0 47.93 104c0 35.09-8.15 62-13.7 71.73a16.42 16.42 0 0 0 .09 16.68A15.78 15.78 0 0 0 47.91 200h134.71l19.45 21.38a8 8 0 0 0 11.85-10.76Z"/></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.08M160 216H96.22a8.19 8.19 0 0 0-8.22 7.47a8 8 0 0 0 8 8.53h63.74a8.19 8.19 0 0 0 8.26-7.47a8 8 0 0 0-8-8.53M53.84 34.62A8 8 0 1 0 42 45.38l16.79 18.47A79.4 79.4 0 0 0 47.93 104c0 35.09-8.15 62-13.7 71.73a16.42 16.42 0 0 0 .09 16.68A15.78 15.78 0 0 0 47.91 200h134.71l19.45 21.38a8 8 0 0 0 11.85-10.76Z"/></svg>
</template>

CSS

.icon-bell-simple-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.08M160%20216H96.22a8.19%208.19%200%200%200-8.22%207.47a8%208%200%200%200%208%208.53h63.74a8.19%208.19%200%200%200%208.26-7.47a8%208%200%200%200-8-8.53M53.84%2034.62A8%208%200%201%200%2042%2045.38l16.79%2018.47A79.4%2079.4%200%200%200%2047.93%20104c0%2035.09-8.15%2062-13.7%2071.73a16.42%2016.42%200%200%200%20.09%2016.68A15.78%2015.78%200%200%200%2047.91%20200h134.71l19.45%2021.38a8%208%200%200%200%2011.85-10.76Z%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.08M160%20216H96.22a8.19%208.19%200%200%200-8.22%207.47a8%208%200%200%200%208%208.53h63.74a8.19%208.19%200%200%200%208.26-7.47a8%208%200%200%200-8-8.53M53.84%2034.62A8%208%200%201%200%2042%2045.38l16.79%2018.47A79.4%2079.4%200%200%200%2047.93%20104c0%2035.09-8.15%2062-13.7%2071.73a16.42%2016.42%200%200%200%20.09%2016.68A15.78%2015.78%200%200%200%2047.91%20200h134.71l19.45%2021.38a8%208%200%200%200%2011.85-10.76Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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