doorbell chime icon
doorbell-chime from Material Symbols Light by Google · Regular · Home · Apache-2.0 Free for personal and commercial use.
- Name
- doorbell-chime
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- doorbell-chime-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More home icons from Material Symbols Light
activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status
Use the doorbell chime icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.704 16.354l-.708-.708q.727-.727 1.116-1.676T22.5 12t-.388-1.97t-1.096-1.676l.688-.708q.873.873 1.334 1.996q.462 1.124.462 2.358t-.461 2.358q-.462 1.123-1.335 1.996m-2.675-2l-.733-.708q.333-.333.518-.754Q19 12.472 19 12t-.185-.892q-.186-.422-.519-.754l.733-.708q.473.473.722 1.074T20 12t-.249 1.28t-.722 1.074m-10.21 5.828Q7.5 18.863 7.5 17V7q0-1.864 1.318-3.182T12 2.5t3.182 1.318T16.5 7v10q0 1.864-1.318 3.182T12 21.5t-3.182-1.318m4.517-2.846q.55-.55.55-1.336t-.55-1.336T12 14.117t-1.336.549T10.117 16t.549 1.336t1.335.549t1.336-.55m-2.126-.546q-.326-.326-.326-.789t.326-.79t.79-.325t.79.326t.326.789t-.326.79t-.79.326t-.79-.326m2.125-7.454q.55-.55.55-1.336t-.55-1.336T12 6.117t-1.336.549T10.117 8t.549 1.336T12 9.885t1.336-.55"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDoorbellChime(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="m21.704 16.354l-.708-.708q.727-.727 1.116-1.676T22.5 12t-.388-1.97t-1.096-1.676l.688-.708q.873.873 1.334 1.996q.462 1.124.462 2.358t-.461 2.358q-.462 1.123-1.335 1.996m-2.675-2l-.733-.708q.333-.333.518-.754Q19 12.472 19 12t-.185-.892q-.186-.422-.519-.754l.733-.708q.473.473.722 1.074T20 12t-.249 1.28t-.722 1.074m-10.21 5.828Q7.5 18.863 7.5 17V7q0-1.864 1.318-3.182T12 2.5t3.182 1.318T16.5 7v10q0 1.864-1.318 3.182T12 21.5t-3.182-1.318m4.517-2.846q.55-.55.55-1.336t-.55-1.336T12 14.117t-1.336.549T10.117 16t.549 1.336t1.335.549t1.336-.55m-2.126-.546q-.326-.326-.326-.789t.326-.79t.79-.325t.79.326t.326.789t-.326.79t-.79.326t-.79-.326m2.125-7.454q.55-.55.55-1.336t-.55-1.336T12 6.117t-1.336.549T10.117 8t.549 1.336T12 9.885t1.336-.55"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21.704 16.354l-.708-.708q.727-.727 1.116-1.676T22.5 12t-.388-1.97t-1.096-1.676l.688-.708q.873.873 1.334 1.996q.462 1.124.462 2.358t-.461 2.358q-.462 1.123-1.335 1.996m-2.675-2l-.733-.708q.333-.333.518-.754Q19 12.472 19 12t-.185-.892q-.186-.422-.519-.754l.733-.708q.473.473.722 1.074T20 12t-.249 1.28t-.722 1.074m-10.21 5.828Q7.5 18.863 7.5 17V7q0-1.864 1.318-3.182T12 2.5t3.182 1.318T16.5 7v10q0 1.864-1.318 3.182T12 21.5t-3.182-1.318m4.517-2.846q.55-.55.55-1.336t-.55-1.336T12 14.117t-1.336.549T10.117 16t.549 1.336t1.335.549t1.336-.55m-2.126-.546q-.326-.326-.326-.789t.326-.79t.79-.325t.79.326t.326.789t-.326.79t-.79.326t-.79-.326m2.125-7.454q.55-.55.55-1.336t-.55-1.336T12 6.117t-1.336.549T10.117 8t.549 1.336T12 9.885t1.336-.55"/></svg> </template>
CSS
.icon-doorbell-chime {
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%22m21.704%2016.354l-.708-.708q.727-.727%201.116-1.676T22.5%2012t-.388-1.97t-1.096-1.676l.688-.708q.873.873%201.334%201.996q.462%201.124.462%202.358t-.461%202.358q-.462%201.123-1.335%201.996m-2.675-2l-.733-.708q.333-.333.518-.754Q19%2012.472%2019%2012t-.185-.892q-.186-.422-.519-.754l.733-.708q.473.473.722%201.074T20%2012t-.249%201.28t-.722%201.074m-10.21%205.828Q7.5%2018.863%207.5%2017V7q0-1.864%201.318-3.182T12%202.5t3.182%201.318T16.5%207v10q0%201.864-1.318%203.182T12%2021.5t-3.182-1.318m4.517-2.846q.55-.55.55-1.336t-.55-1.336T12%2014.117t-1.336.549T10.117%2016t.549%201.336t1.335.549t1.336-.55m-2.126-.546q-.326-.326-.326-.789t.326-.79t.79-.325t.79.326t.326.789t-.326.79t-.79.326t-.79-.326m2.125-7.454q.55-.55.55-1.336t-.55-1.336T12%206.117t-1.336.549T10.117%208t.549%201.336T12%209.885t1.336-.55%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%22m21.704%2016.354l-.708-.708q.727-.727%201.116-1.676T22.5%2012t-.388-1.97t-1.096-1.676l.688-.708q.873.873%201.334%201.996q.462%201.124.462%202.358t-.461%202.358q-.462%201.123-1.335%201.996m-2.675-2l-.733-.708q.333-.333.518-.754Q19%2012.472%2019%2012t-.185-.892q-.186-.422-.519-.754l.733-.708q.473.473.722%201.074T20%2012t-.249%201.28t-.722%201.074m-10.21%205.828Q7.5%2018.863%207.5%2017V7q0-1.864%201.318-3.182T12%202.5t3.182%201.318T16.5%207v10q0%201.864-1.318%203.182T12%2021.5t-3.182-1.318m4.517-2.846q.55-.55.55-1.336t-.55-1.336T12%2014.117t-1.336.549T10.117%2016t.549%201.336t1.335.549t1.336-.55m-2.126-.546q-.326-.326-.326-.789t.326-.79t.79-.325t.79.326t.326.789t-.326.79t-.79.326t-.79-.326m2.125-7.454q.55-.55.55-1.336t-.55-1.336T12%206.117t-1.336.549T10.117%208t.549%201.336T12%209.885t1.336-.55%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/doorbell-chime.svg?color=%231a73e8&size=48
