bell slash icon

bell-slash from Font Awesome Solid by Dave Gandy · Solid · Alert · CC-BY-4.0 Attribution required.

Name: bell-slash
Set: Font Awesome Solid
Style: Solid
Category: Alert
Viewbox: 640×640
License: CC BY 4.0

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-slashHeroIcons bell-slashLine Awesome bell-slash-16Octicons bell-slashPhosphor bell-slashPrime Icons bell-slashUnicons

More alert icons from Font Awesome Solid

bell exclamation exclamation-circle exclamation-triangle radiation radiation-alt skull-crossbones bell-concierge

Use the bell slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-87.5-87.5c17.2-2.4 30.5-17.3 30.5-35.2c0-8.1-2.7-15.9-7.8-22.2l-9.8-12.2c-29.9-37.6-46.3-84.3-46.3-132.4V256c0-77.4-55-142-128-156.8V96c0-17.7-14.3-32-32-32s-32 14.3-32 32v3.2c-38.6 7.8-72.2 29.6-95.2 59.7zm87 238.5c0 48.1-16.4 94.8-46.4 132.4l-9.8 12.2c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h235.3L159.9 273v4.5zM320 576c29.8 0 54.9-20.4 62-48H258c7.1 27.6 32.2 48 62 48"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidBellSlash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-87.5-87.5c17.2-2.4 30.5-17.3 30.5-35.2c0-8.1-2.7-15.9-7.8-22.2l-9.8-12.2c-29.9-37.6-46.3-84.3-46.3-132.4V256c0-77.4-55-142-128-156.8V96c0-17.7-14.3-32-32-32s-32 14.3-32 32v3.2c-38.6 7.8-72.2 29.6-95.2 59.7zm87 238.5c0 48.1-16.4 94.8-46.4 132.4l-9.8 12.2c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h235.3L159.9 273v4.5zM320 576c29.8 0 54.9-20.4 62-48H258c7.1 27.6 32.2 48 62 48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-87.5-87.5c17.2-2.4 30.5-17.3 30.5-35.2c0-8.1-2.7-15.9-7.8-22.2l-9.8-12.2c-29.9-37.6-46.3-84.3-46.3-132.4V256c0-77.4-55-142-128-156.8V96c0-17.7-14.3-32-32-32s-32 14.3-32 32v3.2c-38.6 7.8-72.2 29.6-95.2 59.7zm87 238.5c0 48.1-16.4 94.8-46.4 132.4l-9.8 12.2c-5 6.3-7.8 14.1-7.8 22.2c0 19.6 15.9 35.5 35.5 35.5h235.3L159.9 273v4.5zM320 576c29.8 0 54.9-20.4 62-48H258c7.1 27.6 32.2 48 62 48"/></svg>
</template>

CSS

.icon-bell-slash {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M73%2039.1c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6-.1%2034l528%20528c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-87.5-87.5c17.2-2.4%2030.5-17.3%2030.5-35.2c0-8.1-2.7-15.9-7.8-22.2l-9.8-12.2c-29.9-37.6-46.3-84.3-46.3-132.4V256c0-77.4-55-142-128-156.8V96c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v3.2c-38.6%207.8-72.2%2029.6-95.2%2059.7zm87%20238.5c0%2048.1-16.4%2094.8-46.4%20132.4l-9.8%2012.2c-5%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h235.3L159.9%20273v4.5zM320%20576c29.8%200%2054.9-20.4%2062-48H258c7.1%2027.6%2032.2%2048%2062%2048%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M73%2039.1c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6-.1%2034l528%20528c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-87.5-87.5c17.2-2.4%2030.5-17.3%2030.5-35.2c0-8.1-2.7-15.9-7.8-22.2l-9.8-12.2c-29.9-37.6-46.3-84.3-46.3-132.4V256c0-77.4-55-142-128-156.8V96c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v3.2c-38.6%207.8-72.2%2029.6-95.2%2059.7zm87%20238.5c0%2048.1-16.4%2094.8-46.4%20132.4l-9.8%2012.2c-5%206.3-7.8%2014.1-7.8%2022.2c0%2019.6%2015.9%2035.5%2035.5%2035.5h235.3L159.9%20273v4.5zM320%20576c29.8%200%2054.9-20.4%2062-48H258c7.1%2027.6%2032.2%2048%2062%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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