bell slash icon

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

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

The same icon in other sets

bell-slashBootstrap Icons bell-slashCodicons bell-slashFramework7 Icons bell-slashFont Awesome 6 Solid bell-slashFont Awesome Regular 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 6 Regular

bell

Use the bell slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L542.6 400c2.7-7.8 1.3-16.5-3.9-23l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v17.9c-43.9 7-81.5 32.7-104.4 68.7zm182.9 143.3C239.6 117.1 273.3 96 312 96h16c57.4 0 104 46.6 104 104v33.4c0 32.7 6.4 64.8 18.7 94.5zM406.2 416l-60.9-48H168.4c21.2-32.8 34.4-70.3 38.4-109.1L160 222.1v11.4c0 45.4-15.5 89.5-43.8 124.9L101.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S110.8 416 120 416zM384 448H256c0 17 6.7 33.3 18.7 45.3S303 512 320 512s33.3-6.7 45.3-18.7S384 465 384 448"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularBellSlash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L542.6 400c2.7-7.8 1.3-16.5-3.9-23l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v17.9c-43.9 7-81.5 32.7-104.4 68.7zm182.9 143.3C239.6 117.1 273.3 96 312 96h16c57.4 0 104 46.6 104 104v33.4c0 32.7 6.4 64.8 18.7 94.5zM406.2 416l-60.9-48H168.4c21.2-32.8 34.4-70.3 38.4-109.1L160 222.1v11.4c0 45.4-15.5 89.5-43.8 124.9L101.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S110.8 416 120 416zM384 448H256c0 17 6.7 33.3 18.7 45.3S303 512 320 512s33.3-6.7 45.3-18.7S384 465 384 448"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L542.6 400c2.7-7.8 1.3-16.5-3.9-23l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v17.9c-43.9 7-81.5 32.7-104.4 68.7zm182.9 143.3C239.6 117.1 273.3 96 312 96h16c57.4 0 104 46.6 104 104v33.4c0 32.7 6.4 64.8 18.7 94.5zM406.2 416l-60.9-48H168.4c21.2-32.8 34.4-70.3 38.4-109.1L160 222.1v11.4c0 45.4-15.5 89.5-43.8 124.9L101.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S110.8 416 120 416zM384 448H256c0 17 6.7 33.3 18.7 45.3S303 512 320 512s33.3-6.7 45.3-18.7S384 465 384 448"/></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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7L542.6%20400c2.7-7.8%201.3-16.5-3.9-23l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v17.9c-43.9%207-81.5%2032.7-104.4%2068.7zm182.9%20143.3C239.6%20117.1%20273.3%2096%20312%2096h16c57.4%200%20104%2046.6%20104%20104v33.4c0%2032.7%206.4%2064.8%2018.7%2094.5zM406.2%20416l-60.9-48H168.4c21.2-32.8%2034.4-70.3%2038.4-109.1L160%20222.1v11.4c0%2045.4-15.5%2089.5-43.8%20124.9L101.3%20377c-5.8%207.2-6.9%2017.1-2.9%2025.4S110.8%20416%20120%20416zM384%20448H256c0%2017%206.7%2033.3%2018.7%2045.3S303%20512%20320%20512s33.3-6.7%2045.3-18.7S384%20465%20384%20448%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7L542.6%20400c2.7-7.8%201.3-16.5-3.9-23l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v17.9c-43.9%207-81.5%2032.7-104.4%2068.7zm182.9%20143.3C239.6%20117.1%20273.3%2096%20312%2096h16c57.4%200%20104%2046.6%20104%20104v33.4c0%2032.7%206.4%2064.8%2018.7%2094.5zM406.2%20416l-60.9-48H168.4c21.2-32.8%2034.4-70.3%2038.4-109.1L160%20222.1v11.4c0%2045.4-15.5%2089.5-43.8%20124.9L101.3%20377c-5.8%207.2-6.9%2017.1-2.9%2025.4S110.8%20416%20120%20416zM384%20448H256c0%2017%206.7%2033.3%2018.7%2045.3S303%20512%20320%20512s33.3-6.7%2045.3-18.7S384%20465%20384%20448%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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