bell slash icon

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

Name: bell-slash-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

bell-slash bell-slash-duotone bell-slash-fill 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="m216.88 207.93l-160-176a12 12 0 1 0-17.76 16.14l14.8 16.29A83.6 83.6 0 0 0 44 104c0 25.58-4.59 47-13.27 61.93a20.08 20.08 0 0 0-.05 20.07A19.75 19.75 0 0 0 48 196h36.19a44 44 0 0 0 87.62 0h1.79l25.52 28.07a12 12 0 0 0 17.76-16.14M68 104a59.8 59.8 0 0 1 3.52-20.29L151.78 172h-97.1C63.52 154 68 131.14 68 104m60 108a20 20 0 0 1-19.6-16h39.2a20 20 0 0 1-19.6 16M88.89 42.35a12 12 0 0 1 6.37-15.73A84 84 0 0 1 212 104c0 18.68 2.38 34.93 7.07 48.28a12 12 0 1 1-22.64 8C190.83 144.32 188 125.4 188 104a60 60 0 0 0-83.38-55.28a12 12 0 0 1-15.73-6.37"/></svg>

React

import type { SVGProps } from "react";

export function PhBellSlashBold(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="m216.88 207.93l-160-176a12 12 0 1 0-17.76 16.14l14.8 16.29A83.6 83.6 0 0 0 44 104c0 25.58-4.59 47-13.27 61.93a20.08 20.08 0 0 0-.05 20.07A19.75 19.75 0 0 0 48 196h36.19a44 44 0 0 0 87.62 0h1.79l25.52 28.07a12 12 0 0 0 17.76-16.14M68 104a59.8 59.8 0 0 1 3.52-20.29L151.78 172h-97.1C63.52 154 68 131.14 68 104m60 108a20 20 0 0 1-19.6-16h39.2a20 20 0 0 1-19.6 16M88.89 42.35a12 12 0 0 1 6.37-15.73A84 84 0 0 1 212 104c0 18.68 2.38 34.93 7.07 48.28a12 12 0 1 1-22.64 8C190.83 144.32 188 125.4 188 104a60 60 0 0 0-83.38-55.28a12 12 0 0 1-15.73-6.37"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m216.88 207.93l-160-176a12 12 0 1 0-17.76 16.14l14.8 16.29A83.6 83.6 0 0 0 44 104c0 25.58-4.59 47-13.27 61.93a20.08 20.08 0 0 0-.05 20.07A19.75 19.75 0 0 0 48 196h36.19a44 44 0 0 0 87.62 0h1.79l25.52 28.07a12 12 0 0 0 17.76-16.14M68 104a59.8 59.8 0 0 1 3.52-20.29L151.78 172h-97.1C63.52 154 68 131.14 68 104m60 108a20 20 0 0 1-19.6-16h39.2a20 20 0 0 1-19.6 16M88.89 42.35a12 12 0 0 1 6.37-15.73A84 84 0 0 1 212 104c0 18.68 2.38 34.93 7.07 48.28a12 12 0 1 1-22.64 8C190.83 144.32 188 125.4 188 104a60 60 0 0 0-83.38-55.28a12 12 0 0 1-15.73-6.37"/></svg>
</template>

CSS

.icon-bell-slash-bold {
  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%22m216.88%20207.93l-160-176a12%2012%200%201%200-17.76%2016.14l14.8%2016.29A83.6%2083.6%200%200%200%2044%20104c0%2025.58-4.59%2047-13.27%2061.93a20.08%2020.08%200%200%200-.05%2020.07A19.75%2019.75%200%200%200%2048%20196h36.19a44%2044%200%200%200%2087.62%200h1.79l25.52%2028.07a12%2012%200%200%200%2017.76-16.14M68%20104a59.8%2059.8%200%200%201%203.52-20.29L151.78%20172h-97.1C63.52%20154%2068%20131.14%2068%20104m60%20108a20%2020%200%200%201-19.6-16h39.2a20%2020%200%200%201-19.6%2016M88.89%2042.35a12%2012%200%200%201%206.37-15.73A84%2084%200%200%201%20212%20104c0%2018.68%202.38%2034.93%207.07%2048.28a12%2012%200%201%201-22.64%208C190.83%20144.32%20188%20125.4%20188%20104a60%2060%200%200%200-83.38-55.28a12%2012%200%200%201-15.73-6.37%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%22m216.88%20207.93l-160-176a12%2012%200%201%200-17.76%2016.14l14.8%2016.29A83.6%2083.6%200%200%200%2044%20104c0%2025.58-4.59%2047-13.27%2061.93a20.08%2020.08%200%200%200-.05%2020.07A19.75%2019.75%200%200%200%2048%20196h36.19a44%2044%200%200%200%2087.62%200h1.79l25.52%2028.07a12%2012%200%200%200%2017.76-16.14M68%20104a59.8%2059.8%200%200%201%203.52-20.29L151.78%20172h-97.1C63.52%20154%2068%20131.14%2068%20104m60%20108a20%2020%200%200%201-19.6-16h39.2a20%2020%200%200%201-19.6%2016M88.89%2042.35a12%2012%200%200%201%206.37-15.73A84%2084%200%200%201%20212%20104c0%2018.68%202.38%2034.93%207.07%2048.28a12%2012%200%201%201-22.64%208C190.83%20144.32%20188%20125.4%20188%20104a60%2060%200%200%200-83.38-55.28a12%2012%200%200%201-15.73-6.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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