bell slash icon

bell-slash-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name: bell-slash-16
Set: Octicons
Style: 16
Viewbox: 16×16
License: MIT

1 other variant in Octicons

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-slashPhosphor bell-slashPrime Icons bell-slashUnicons

Related icons in Octicons

bell-fill-16

Use the bell slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m4.182 4.31l.016.011l10.104 7.316l.013.01l1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.26.26 0 0 0 3 7.947V5.305L.31 3.357a.75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l-1.703 2.556l-.003.01q0 .008.005.012l.006.004l.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55A5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1.5 0V5A3.5 3.5 0 0 0 8 1.5M8 16a2 2 0 0 1-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16"/></svg>

React

import type { SVGProps } from "react";

export function OcticonBellSlash16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m4.182 4.31l.016.011l10.104 7.316l.013.01l1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.26.26 0 0 0 3 7.947V5.305L.31 3.357a.75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l-1.703 2.556l-.003.01q0 .008.005.012l.006.004l.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55A5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1.5 0V5A3.5 3.5 0 0 0 8 1.5M8 16a2 2 0 0 1-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m4.182 4.31l.016.011l10.104 7.316l.013.01l1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.26.26 0 0 0 3 7.947V5.305L.31 3.357a.75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l-1.703 2.556l-.003.01q0 .008.005.012l.006.004l.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55A5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1.5 0V5A3.5 3.5 0 0 0 8 1.5M8 16a2 2 0 0 1-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16"/></svg>
</template>

CSS

.icon-bell-slash-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.182%204.31l.016.011l10.104%207.316l.013.01l1.375.996a.75.75%200%201%201-.88%201.214L13.626%2013H2.518a1.516%201.516%200%200%201-1.263-2.36l1.703-2.554A.26.26%200%200%200%203%207.947V5.305L.31%203.357a.75.75%200%201%201%20.88-1.214Zm7.373%207.19L4.5%206.391v1.556c0%20.346-.102.683-.294.97l-1.703%202.556l-.003.01q0%20.008.005.012l.006.004l.007.001ZM8%201.5c-.997%200-1.895.416-2.534%201.086A.75.75%200%201%201%204.38%201.55A5%205%200%200%201%2013%205v2.373a.75.75%200%200%201-1.5%200V5A3.5%203.5%200%200%200%208%201.5M8%2016a2%202%200%200%201-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138%200%20.252.113.235.25A2%202%200%200%201%208%2016%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.182%204.31l.016.011l10.104%207.316l.013.01l1.375.996a.75.75%200%201%201-.88%201.214L13.626%2013H2.518a1.516%201.516%200%200%201-1.263-2.36l1.703-2.554A.26.26%200%200%200%203%207.947V5.305L.31%203.357a.75.75%200%201%201%20.88-1.214Zm7.373%207.19L4.5%206.391v1.556c0%20.346-.102.683-.294.97l-1.703%202.556l-.003.01q0%20.008.005.012l.006.004l.007.001ZM8%201.5c-.997%200-1.895.416-2.534%201.086A.75.75%200%201%201%204.38%201.55A5%205%200%200%201%2013%205v2.373a.75.75%200%200%201-1.5%200V5A3.5%203.5%200%200%200%208%201.5M8%2016a2%202%200%200%201-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138%200%20.252.113.235.25A2%202%200%200%201%208%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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