bell simple ringing icon

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

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

5 other variants in Phosphor

bell-simple-ringing bell-simple-ringing-bold bell-simple-ringing-duotone bell-simple-ringing-fill bell-simple-ringing-thin

Related icons in Phosphor

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

Use the bell simple ringing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M165.92 224a6 6 0 0 1-6 6h-64a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m59.69-162.77a109.23 109.23 0 0 0-38.41-42.3a6 6 0 0 0-6.4 10.14A96 96 0 0 1 215 66.76a6 6 0 1 0 10.65-5.53ZM41 66.76a96 96 0 0 1 34.2-37.69a6 6 0 0 0-6.4-10.14a109.23 109.23 0 0 0-38.41 42.3A6 6 0 1 0 41 66.76m179 110.17A14 14 0 0 1 208 198H48a14 14 0 0 1-12.06-21C45.13 161.08 50 138.62 50 112a78 78 0 0 1 156 0c0 27 4.74 48.84 14.08 64.93Zm-10.37 6C199.29 165 194 141.14 194 112a66 66 0 0 0-132 0c0 29.16-5.29 53-15.71 71a2 2 0 0 0 0 2a1.9 1.9 0 0 0 1.7 1H208a1.9 1.9 0 0 0 1.7-1a2 2 0 0 0 .01-2Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBellSimpleRingingLight(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="M165.92 224a6 6 0 0 1-6 6h-64a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m59.69-162.77a109.23 109.23 0 0 0-38.41-42.3a6 6 0 0 0-6.4 10.14A96 96 0 0 1 215 66.76a6 6 0 1 0 10.65-5.53ZM41 66.76a96 96 0 0 1 34.2-37.69a6 6 0 0 0-6.4-10.14a109.23 109.23 0 0 0-38.41 42.3A6 6 0 1 0 41 66.76m179 110.17A14 14 0 0 1 208 198H48a14 14 0 0 1-12.06-21C45.13 161.08 50 138.62 50 112a78 78 0 0 1 156 0c0 27 4.74 48.84 14.08 64.93Zm-10.37 6C199.29 165 194 141.14 194 112a66 66 0 0 0-132 0c0 29.16-5.29 53-15.71 71a2 2 0 0 0 0 2a1.9 1.9 0 0 0 1.7 1H208a1.9 1.9 0 0 0 1.7-1a2 2 0 0 0 .01-2Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M165.92 224a6 6 0 0 1-6 6h-64a6 6 0 0 1 0-12h64a6 6 0 0 1 6 6m59.69-162.77a109.23 109.23 0 0 0-38.41-42.3a6 6 0 0 0-6.4 10.14A96 96 0 0 1 215 66.76a6 6 0 1 0 10.65-5.53ZM41 66.76a96 96 0 0 1 34.2-37.69a6 6 0 0 0-6.4-10.14a109.23 109.23 0 0 0-38.41 42.3A6 6 0 1 0 41 66.76m179 110.17A14 14 0 0 1 208 198H48a14 14 0 0 1-12.06-21C45.13 161.08 50 138.62 50 112a78 78 0 0 1 156 0c0 27 4.74 48.84 14.08 64.93Zm-10.37 6C199.29 165 194 141.14 194 112a66 66 0 0 0-132 0c0 29.16-5.29 53-15.71 71a2 2 0 0 0 0 2a1.9 1.9 0 0 0 1.7 1H208a1.9 1.9 0 0 0 1.7-1a2 2 0 0 0 .01-2Z"/></svg>
</template>

CSS

.icon-bell-simple-ringing-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%22M165.92%20224a6%206%200%200%201-6%206h-64a6%206%200%200%201%200-12h64a6%206%200%200%201%206%206m59.69-162.77a109.23%20109.23%200%200%200-38.41-42.3a6%206%200%200%200-6.4%2010.14A96%2096%200%200%201%20215%2066.76a6%206%200%201%200%2010.65-5.53ZM41%2066.76a96%2096%200%200%201%2034.2-37.69a6%206%200%200%200-6.4-10.14a109.23%20109.23%200%200%200-38.41%2042.3A6%206%200%201%200%2041%2066.76m179%20110.17A14%2014%200%200%201%20208%20198H48a14%2014%200%200%201-12.06-21C45.13%20161.08%2050%20138.62%2050%20112a78%2078%200%200%201%20156%200c0%2027%204.74%2048.84%2014.08%2064.93Zm-10.37%206C199.29%20165%20194%20141.14%20194%20112a66%2066%200%200%200-132%200c0%2029.16-5.29%2053-15.71%2071a2%202%200%200%200%200%202a1.9%201.9%200%200%200%201.7%201H208a1.9%201.9%200%200%200%201.7-1a2%202%200%200%200%20.01-2Z%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%22M165.92%20224a6%206%200%200%201-6%206h-64a6%206%200%200%201%200-12h64a6%206%200%200%201%206%206m59.69-162.77a109.23%20109.23%200%200%200-38.41-42.3a6%206%200%200%200-6.4%2010.14A96%2096%200%200%201%20215%2066.76a6%206%200%201%200%2010.65-5.53ZM41%2066.76a96%2096%200%200%201%2034.2-37.69a6%206%200%200%200-6.4-10.14a109.23%20109.23%200%200%200-38.41%2042.3A6%206%200%201%200%2041%2066.76m179%20110.17A14%2014%200%200%201%20208%20198H48a14%2014%200%200%201-12.06-21C45.13%20161.08%2050%20138.62%2050%20112a78%2078%200%200%201%20156%200c0%2027%204.74%2048.84%2014.08%2064.93Zm-10.37%206C199.29%20165%20194%20141.14%20194%20112a66%2066%200%200%200-132%200c0%2029.16-5.29%2053-15.71%2071a2%202%200%200%200%200%202a1.9%201.9%200%200%200%201.7%201H208a1.9%201.9%200%200%200%201.7-1a2%202%200%200%200%20.01-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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