bell simple slash icon

bell-simple-slash-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: bell-simple-slash-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

bell-simple-slash bell-simple-slash-bold bell-simple-slash-duotone bell-simple-slash-fill bell-simple-slash-thin

Related icons in Phosphor

bell-ringing bell-simple bell-simple-ringing bell-simple-z bell-slash bell-z

Use the bell simple slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l17.75 19.56A77.45 77.45 0 0 0 50 104c0 35.74-8.42 63.2-14.08 72.94A14 14 0 0 0 48 198h135.53l20 22a6 6 0 0 0 8.88-8.08ZM48 186a1.9 1.9 0 0 1-1.7-1a2 2 0 0 1 0-2c7.56-13 15.7-43.31 15.7-79a65.6 65.6 0 0 1 7.78-31.12L172.62 186Zm118 38a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m47.27-46.62a5.9 5.9 0 0 1-2.2.42a6 6 0 0 1-5.58-3.81c-7.2-18.31-11.49-44.48-11.49-70a66 66 0 0 0-98.55-57.42a6 6 0 1 1-5.93-10.43A78 78 0 0 1 206 104c0 35.7 8.16 59.24 10.66 65.61a6 6 0 0 1-3.39 7.77"/></svg>

React

import type { SVGProps } from "react";

export function PhBellSimpleSlashLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l17.75 19.56A77.45 77.45 0 0 0 50 104c0 35.74-8.42 63.2-14.08 72.94A14 14 0 0 0 48 198h135.53l20 22a6 6 0 0 0 8.88-8.08ZM48 186a1.9 1.9 0 0 1-1.7-1a2 2 0 0 1 0-2c7.56-13 15.7-43.31 15.7-79a65.6 65.6 0 0 1 7.78-31.12L172.62 186Zm118 38a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m47.27-46.62a5.9 5.9 0 0 1-2.2.42a6 6 0 0 1-5.58-3.81c-7.2-18.31-11.49-44.48-11.49-70a66 66 0 0 0-98.55-57.42a6 6 0 1 1-5.93-10.43A78 78 0 0 1 206 104c0 35.7 8.16 59.24 10.66 65.61a6 6 0 0 1-3.39 7.77"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l17.75 19.56A77.45 77.45 0 0 0 50 104c0 35.74-8.42 63.2-14.08 72.94A14 14 0 0 0 48 198h135.53l20 22a6 6 0 0 0 8.88-8.08ZM48 186a1.9 1.9 0 0 1-1.7-1a2 2 0 0 1 0-2c7.56-13 15.7-43.31 15.7-79a65.6 65.6 0 0 1 7.78-31.12L172.62 186Zm118 38a6 6 0 0 1-6 6H96a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m47.27-46.62a5.9 5.9 0 0 1-2.2.42a6 6 0 0 1-5.58-3.81c-7.2-18.31-11.49-44.48-11.49-70a66 66 0 0 0-98.55-57.42a6 6 0 1 1-5.93-10.43A78 78 0 0 1 206 104c0 35.7 8.16 59.24 10.66 65.61a6 6 0 0 1-3.39 7.77"/></svg>
</template>

CSS

.icon-bell-simple-slash-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l17.75%2019.56A77.45%2077.45%200%200%200%2050%20104c0%2035.74-8.42%2063.2-14.08%2072.94A14%2014%200%200%200%2048%20198h135.53l20%2022a6%206%200%200%200%208.88-8.08ZM48%20186a1.9%201.9%200%200%201-1.7-1a2%202%200%200%201%200-2c7.56-13%2015.7-43.31%2015.7-79a65.6%2065.6%200%200%201%207.78-31.12L172.62%20186Zm118%2038a6%206%200%200%201-6%206H96a6%206%200%200%201%200-12h64a6%206%200%200%201%206%206m47.27-46.62a5.9%205.9%200%200%201-2.2.42a6%206%200%200%201-5.58-3.81c-7.2-18.31-11.49-44.48-11.49-70a66%2066%200%200%200-98.55-57.42a6%206%200%201%201-5.93-10.43A78%2078%200%200%201%20206%20104c0%2035.7%208.16%2059.24%2010.66%2065.61a6%206%200%200%201-3.39%207.77%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M52.44%2036a6%206%200%200%200-8.88%208l17.75%2019.56A77.45%2077.45%200%200%200%2050%20104c0%2035.74-8.42%2063.2-14.08%2072.94A14%2014%200%200%200%2048%20198h135.53l20%2022a6%206%200%200%200%208.88-8.08ZM48%20186a1.9%201.9%200%200%201-1.7-1a2%202%200%200%201%200-2c7.56-13%2015.7-43.31%2015.7-79a65.6%2065.6%200%200%201%207.78-31.12L172.62%20186Zm118%2038a6%206%200%200%201-6%206H96a6%206%200%200%201%200-12h64a6%206%200%200%201%206%206m47.27-46.62a5.9%205.9%200%200%201-2.2.42a6%206%200%200%201-5.58-3.81c-7.2-18.31-11.49-44.48-11.49-70a66%2066%200%200%200-98.55-57.42a6%206%200%201%201-5.93-10.43A78%2078%200%200%201%20206%20104c0%2035.7%208.16%2059.24%2010.66%2065.61a6%206%200%200%201-3.39%207.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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