bell dot icon
bell-dot-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- bell-dot-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the bell dot icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M13 3.6251L13 8.4199C13 9.793 14.0725 10.9155 15.4255 10.9954L16.1993 10.7285C16.6326 11.9847 17.0404 12.7542 17.3428 13.293C17.5741 13.7052 18 14.341 18 15L18 16C18 16.5523 17.5523 17 17 17L3 17C2.4477 17 2 16.5523 2 16L2 15C2 14.4387 2.2784 13.9674 2.455 13.673C2.6689 13.3166 2.8785 13.007 3.1056 12.5528C3.5331 11.6977 4 10.3517 4 8C4 4.6863 6.6863 2 10 2C10.9153 2 11.7414 2.2118 13.3168 2.9ZM19 1C21.071 1 23 2.929 23 5C23 7.0711 21.071 9 19 9C16.929 9 15 7.0711 15 5C15 2.929 16.929 1 19 1ZM19 3C17.8954 3 17 3.8954 17 5C17 6.1046 17.8954 7 19 7C20.1046 7 21 6.1046 21 5C21 3.8954 20.1046 3 19 3Z" stroke="none"/><path d="M7.7679 19.134C8.6252 20.6188 9.2855 21 10 21C10.7145 21 11.3748 20.6188 12.2321 19.134"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBellDotSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M13 3.6251L13 8.4199C13 9.793 14.0725 10.9155 15.4255 10.9954L16.1993 10.7285C16.6326 11.9847 17.0404 12.7542 17.3428 13.293C17.5741 13.7052 18 14.341 18 15L18 16C18 16.5523 17.5523 17 17 17L3 17C2.4477 17 2 16.5523 2 16L2 15C2 14.4387 2.2784 13.9674 2.455 13.673C2.6689 13.3166 2.8785 13.007 3.1056 12.5528C3.5331 11.6977 4 10.3517 4 8C4 4.6863 6.6863 2 10 2C10.9153 2 11.7414 2.2118 13.3168 2.9ZM19 1C21.071 1 23 2.929 23 5C23 7.0711 21.071 9 19 9C16.929 9 15 7.0711 15 5C15 2.929 16.929 1 19 1ZM19 3C17.8954 3 17 3.8954 17 5C17 6.1046 17.8954 7 19 7C20.1046 7 21 6.1046 21 5C21 3.8954 20.1046 3 19 3Z" stroke="none"/><path d="M7.7679 19.134C8.6252 20.6188 9.2855 21 10 21C10.7145 21 11.3748 20.6188 12.2321 19.134"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M13 3.6251L13 8.4199C13 9.793 14.0725 10.9155 15.4255 10.9954L16.1993 10.7285C16.6326 11.9847 17.0404 12.7542 17.3428 13.293C17.5741 13.7052 18 14.341 18 15L18 16C18 16.5523 17.5523 17 17 17L3 17C2.4477 17 2 16.5523 2 16L2 15C2 14.4387 2.2784 13.9674 2.455 13.673C2.6689 13.3166 2.8785 13.007 3.1056 12.5528C3.5331 11.6977 4 10.3517 4 8C4 4.6863 6.6863 2 10 2C10.9153 2 11.7414 2.2118 13.3168 2.9ZM19 1C21.071 1 23 2.929 23 5C23 7.0711 21.071 9 19 9C16.929 9 15 7.0711 15 5C15 2.929 16.929 1 19 1ZM19 3C17.8954 3 17 3.8954 17 5C17 6.1046 17.8954 7 19 7C20.1046 7 21 6.1046 21 5C21 3.8954 20.1046 3 19 3Z" stroke="none"/><path d="M7.7679 19.134C8.6252 20.6188 9.2855 21 10 21C10.7145 21 11.3748 20.6188 12.2321 19.134"/></g></svg> </template>
CSS
.icon-bell-dot-sharp-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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%203.6251L13%208.4199C13%209.793%2014.0725%2010.9155%2015.4255%2010.9954L16.1993%2010.7285C16.6326%2011.9847%2017.0404%2012.7542%2017.3428%2013.293C17.5741%2013.7052%2018%2014.341%2018%2015L18%2016C18%2016.5523%2017.5523%2017%2017%2017L3%2017C2.4477%2017%202%2016.5523%202%2016L2%2015C2%2014.4387%202.2784%2013.9674%202.455%2013.673C2.6689%2013.3166%202.8785%2013.007%203.1056%2012.5528C3.5331%2011.6977%204%2010.3517%204%208C4%204.6863%206.6863%202%2010%202C10.9153%202%2011.7414%202.2118%2013.3168%202.9ZM19%201C21.071%201%2023%202.929%2023%205C23%207.0711%2021.071%209%2019%209C16.929%209%2015%207.0711%2015%205C15%202.929%2016.929%201%2019%201ZM19%203C17.8954%203%2017%203.8954%2017%205C17%206.1046%2017.8954%207%2019%207C20.1046%207%2021%206.1046%2021%205C21%203.8954%2020.1046%203%2019%203Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.7679%2019.134C8.6252%2020.6188%209.2855%2021%2010%2021C10.7145%2021%2011.3748%2020.6188%2012.2321%2019.134%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13%203.6251L13%208.4199C13%209.793%2014.0725%2010.9155%2015.4255%2010.9954L16.1993%2010.7285C16.6326%2011.9847%2017.0404%2012.7542%2017.3428%2013.293C17.5741%2013.7052%2018%2014.341%2018%2015L18%2016C18%2016.5523%2017.5523%2017%2017%2017L3%2017C2.4477%2017%202%2016.5523%202%2016L2%2015C2%2014.4387%202.2784%2013.9674%202.455%2013.673C2.6689%2013.3166%202.8785%2013.007%203.1056%2012.5528C3.5331%2011.6977%204%2010.3517%204%208C4%204.6863%206.6863%202%2010%202C10.9153%202%2011.7414%202.2118%2013.3168%202.9ZM19%201C21.071%201%2023%202.929%2023%205C23%207.0711%2021.071%209%2019%209C16.929%209%2015%207.0711%2015%205C15%202.929%2016.929%201%2019%201ZM19%203C17.8954%203%2017%203.8954%2017%205C17%206.1046%2017.8954%207%2019%207C20.1046%207%2021%206.1046%2021%205C21%203.8954%2020.1046%203%2019%203Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.7679%2019.134C8.6252%2020.6188%209.2855%2021%2010%2021C10.7145%2021%2011.3748%2020.6188%2012.2321%2019.134%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/bell-dot-sharp-fill.svg?color=%231a73e8&size=48
