bell slash icon

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

Name: bell-slash
Set: Font Awesome Regular
Style: Regular
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 Solid bell-slashHeroIcons bell-slashLine Awesome bell-slash-16Octicons bell-slashPhosphor bell-slashPrime Icons bell-slashUnicons

More alert icons from Font Awesome Regular

bell

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.8-87.8c17.5-3.3 30.8-18.7 30.8-37.1c0-6.7-1.8-13.3-5.1-19L517 385.7c-19-32.6-29-69.6-29-107.3v-14.5c0-84.6-62.6-154.7-144-166.3v-9.7c0-13.3-10.7-24-24-24s-24 10.7-24 24v9.7c-42.2 6-79.4 27.8-105.4 59.1zm151.8 151.8c21.9-28.5 56.4-46.9 95.2-46.9c66.3 0 120 53.7 120 120v14.5c0 46.2 12.3 91.5 35.5 131.4l12.9 22.1h-22.6L224.7 190.9zm-60.3 219c19.5-33.4 31.3-70.7 34.6-109l-46.7-46.7q-.3 4.95-.3 9.9v14.5c0 37.7-10 74.7-29 107.3l-22 37.3c-3.4 5.8-5.1 12.3-5.1 19c0 20.9 16.9 37.8 37.8 37.8h244.4l-48-48H151.6zM252.1 528c9.9 28 36.6 48 67.9 48s58-20 67.9-48z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularBellSlash(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.8-87.8c17.5-3.3 30.8-18.7 30.8-37.1c0-6.7-1.8-13.3-5.1-19L517 385.7c-19-32.6-29-69.6-29-107.3v-14.5c0-84.6-62.6-154.7-144-166.3v-9.7c0-13.3-10.7-24-24-24s-24 10.7-24 24v9.7c-42.2 6-79.4 27.8-105.4 59.1zm151.8 151.8c21.9-28.5 56.4-46.9 95.2-46.9c66.3 0 120 53.7 120 120v14.5c0 46.2 12.3 91.5 35.5 131.4l12.9 22.1h-22.6L224.7 190.9zm-60.3 219c19.5-33.4 31.3-70.7 34.6-109l-46.7-46.7q-.3 4.95-.3 9.9v14.5c0 37.7-10 74.7-29 107.3l-22 37.3c-3.4 5.8-5.1 12.3-5.1 19c0 20.9 16.9 37.8 37.8 37.8h244.4l-48-48H151.6zM252.1 528c9.9 28 36.6 48 67.9 48s58-20 67.9-48z"/></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.8-87.8c17.5-3.3 30.8-18.7 30.8-37.1c0-6.7-1.8-13.3-5.1-19L517 385.7c-19-32.6-29-69.6-29-107.3v-14.5c0-84.6-62.6-154.7-144-166.3v-9.7c0-13.3-10.7-24-24-24s-24 10.7-24 24v9.7c-42.2 6-79.4 27.8-105.4 59.1zm151.8 151.8c21.9-28.5 56.4-46.9 95.2-46.9c66.3 0 120 53.7 120 120v14.5c0 46.2 12.3 91.5 35.5 131.4l12.9 22.1h-22.6L224.7 190.9zm-60.3 219c19.5-33.4 31.3-70.7 34.6-109l-46.7-46.7q-.3 4.95-.3 9.9v14.5c0 37.7-10 74.7-29 107.3l-22 37.3c-3.4 5.8-5.1 12.3-5.1 19c0 20.9 16.9 37.8 37.8 37.8h244.4l-48-48H151.6zM252.1 528c9.9 28 36.6 48 67.9 48s58-20 67.9-48z"/></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.8-87.8c17.5-3.3%2030.8-18.7%2030.8-37.1c0-6.7-1.8-13.3-5.1-19L517%20385.7c-19-32.6-29-69.6-29-107.3v-14.5c0-84.6-62.6-154.7-144-166.3v-9.7c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v9.7c-42.2%206-79.4%2027.8-105.4%2059.1zm151.8%20151.8c21.9-28.5%2056.4-46.9%2095.2-46.9c66.3%200%20120%2053.7%20120%20120v14.5c0%2046.2%2012.3%2091.5%2035.5%20131.4l12.9%2022.1h-22.6L224.7%20190.9zm-60.3%20219c19.5-33.4%2031.3-70.7%2034.6-109l-46.7-46.7q-.3%204.95-.3%209.9v14.5c0%2037.7-10%2074.7-29%20107.3l-22%2037.3c-3.4%205.8-5.1%2012.3-5.1%2019c0%2020.9%2016.9%2037.8%2037.8%2037.8h244.4l-48-48H151.6zM252.1%20528c9.9%2028%2036.6%2048%2067.9%2048s58-20%2067.9-48z%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.8-87.8c17.5-3.3%2030.8-18.7%2030.8-37.1c0-6.7-1.8-13.3-5.1-19L517%20385.7c-19-32.6-29-69.6-29-107.3v-14.5c0-84.6-62.6-154.7-144-166.3v-9.7c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v9.7c-42.2%206-79.4%2027.8-105.4%2059.1zm151.8%20151.8c21.9-28.5%2056.4-46.9%2095.2-46.9c66.3%200%20120%2053.7%20120%20120v14.5c0%2046.2%2012.3%2091.5%2035.5%20131.4l12.9%2022.1h-22.6L224.7%20190.9zm-60.3%20219c19.5-33.4%2031.3-70.7%2034.6-109l-46.7-46.7q-.3%204.95-.3%209.9v14.5c0%2037.7-10%2074.7-29%20107.3l-22%2037.3c-3.4%205.8-5.1%2012.3-5.1%2019c0%2020.9%2016.9%2037.8%2037.8%2037.8h244.4l-48-48H151.6zM252.1%20528c9.9%2028%2036.6%2048%2067.9%2048s58-20%2067.9-48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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