bell off icon

bell-off-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.

Name: bell-off-fill
Set: Eva Icons
Style: Fill
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

The same icon in other sets

bell-offBoxIcons v2 bell-offBoxIcons v2 Solid bell-offFeather Icons bell-offHuge Icons bell-offHumbleicons bell-offIconoir bell-offJam Icons bell-offLucide bell-offMaterial Design Icons bell-offMyna UI Icons bell-offPixelarticons bell-off-boldSolar bell-offTabler Icons

Use the bell off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.88 18.71l-.59-.59L14 16.78l-.07-.07L6.58 9.4L5.31 8.14a6 6 0 0 0 0 .59v4.67l-1.8 1.81A1.64 1.64 0 0 0 4.64 18H8v.34A3.84 3.84 0 0 0 12 22a3.88 3.88 0 0 0 4-3.22ZM14 18.34A1.88 1.88 0 0 1 12 20a1.88 1.88 0 0 1-2-1.66V18h4ZM7.13 4.3l1.46 1.46l9.53 9.53l2 2l.31.3a1.6 1.6 0 0 0 .45-.6a1.62 1.62 0 0 0-.35-1.78l-1.8-1.81V8.94a6.86 6.86 0 0 0-5.83-6.88a6.7 6.7 0 0 0-5.32 1.61a7 7 0 0 0-.58.54Zm13.58 14.99L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>

React

import type { SVGProps } from "react";

export function EvaBellOffFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.88 18.71l-.59-.59L14 16.78l-.07-.07L6.58 9.4L5.31 8.14a6 6 0 0 0 0 .59v4.67l-1.8 1.81A1.64 1.64 0 0 0 4.64 18H8v.34A3.84 3.84 0 0 0 12 22a3.88 3.88 0 0 0 4-3.22ZM14 18.34A1.88 1.88 0 0 1 12 20a1.88 1.88 0 0 1-2-1.66V18h4ZM7.13 4.3l1.46 1.46l9.53 9.53l2 2l.31.3a1.6 1.6 0 0 0 .45-.6a1.62 1.62 0 0 0-.35-1.78l-1.8-1.81V8.94a6.86 6.86 0 0 0-5.83-6.88a6.7 6.7 0 0 0-5.32 1.61a7 7 0 0 0-.58.54Zm13.58 14.99L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.88 18.71l-.59-.59L14 16.78l-.07-.07L6.58 9.4L5.31 8.14a6 6 0 0 0 0 .59v4.67l-1.8 1.81A1.64 1.64 0 0 0 4.64 18H8v.34A3.84 3.84 0 0 0 12 22a3.88 3.88 0 0 0 4-3.22ZM14 18.34A1.88 1.88 0 0 1 12 20a1.88 1.88 0 0 1-2-1.66V18h4ZM7.13 4.3l1.46 1.46l9.53 9.53l2 2l.31.3a1.6 1.6 0 0 0 .45-.6a1.62 1.62 0 0 0-.35-1.78l-1.8-1.81V8.94a6.86 6.86 0 0 0-5.83-6.88a6.7 6.7 0 0 0-5.32 1.61a7 7 0 0 0-.58.54Zm13.58 14.99L19.41 18l-2-2l-9.52-9.53L6.42 5L4.71 3.29a1 1 0 0 0-1.42 1.42L5.53 7l1.75 1.7l7.31 7.3l.07.07L16 17.41l.59.59l2.7 2.71a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42"/></svg>
</template>

CSS

.icon-bell-off-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.88%2018.71l-.59-.59L14%2016.78l-.07-.07L6.58%209.4L5.31%208.14a6%206%200%200%200%200%20.59v4.67l-1.8%201.81A1.64%201.64%200%200%200%204.64%2018H8v.34A3.84%203.84%200%200%200%2012%2022a3.88%203.88%200%200%200%204-3.22ZM14%2018.34A1.88%201.88%200%200%201%2012%2020a1.88%201.88%200%200%201-2-1.66V18h4ZM7.13%204.3l1.46%201.46l9.53%209.53l2%202l.31.3a1.6%201.6%200%200%200%20.45-.6a1.62%201.62%200%200%200-.35-1.78l-1.8-1.81V8.94a6.86%206.86%200%200%200-5.83-6.88a6.7%206.7%200%200%200-5.32%201.61a7%207%200%200%200-.58.54Zm13.58%2014.99L19.41%2018l-2-2l-9.52-9.53L6.42%205L4.71%203.29a1%201%200%200%200-1.42%201.42L5.53%207l1.75%201.7l7.31%207.3l.07.07L16%2017.41l.59.59l2.7%202.71a1%201%200%200%200%201.42%200a1%201%200%200%200%200-1.42%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.88%2018.71l-.59-.59L14%2016.78l-.07-.07L6.58%209.4L5.31%208.14a6%206%200%200%200%200%20.59v4.67l-1.8%201.81A1.64%201.64%200%200%200%204.64%2018H8v.34A3.84%203.84%200%200%200%2012%2022a3.88%203.88%200%200%200%204-3.22ZM14%2018.34A1.88%201.88%200%200%201%2012%2020a1.88%201.88%200%200%201-2-1.66V18h4ZM7.13%204.3l1.46%201.46l9.53%209.53l2%202l.31.3a1.6%201.6%200%200%200%20.45-.6a1.62%201.62%200%200%200-.35-1.78l-1.8-1.81V8.94a6.86%206.86%200%200%200-5.83-6.88a6.7%206.7%200%200%200-5.32%201.61a7%207%200%200%200-.58.54Zm13.58%2014.99L19.41%2018l-2-2l-9.52-9.53L6.42%205L4.71%203.29a1%201%200%200%200-1.42%201.42L5.53%207l1.75%201.7l7.31%207.3l.07.07L16%2017.41l.59.59l2.7%202.71a1%201%200%200%200%201.42%200a1%201%200%200%200%200-1.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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