bell emoji
bell from Streamline Emojis by Streamline · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- bell
- Set
- Streamline Emojis
- Style
- Default
- Category
- Symbols
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
bellAkar Iconsbell-filledAnt Design IconsbellBootstrap IconsbellBoxIcons v2bellBoxIcons v2 SolidbellCodiconsbellEmoji One (Colored)bellElement Plusbell-fillEva IconsbellFramework7 IconsbellFont Awesome 6 RegularbellFont Awesome 6 SolidbellFont Awesome RegularbellFont Awesome SolidbellFeather Iconsbell-outlineFlowbite IconsbellFluent EmojibellFluent Emoji FlatbellFluent Emoji High ContrastbellFirefox OS Emojibellcss.ggbellHeroIconsbellHuge IconsbellHumbleicons
More symbols icons from Streamline Emojis
ballot-box-with-checkbeating-heartbell-with-slashbroken-heartchildren-crossingclub-suitcross-markdiamond-suitdouble-exclamation-markexclamation-markgrowing-heartheart-suitheart-with-arrowjapanese-symbol-for-beginnerjokermuted-speakerno-bicyclesno-mobile-phonesno-one-under-eighteenno-smokingrecycling-symbolrestroomrevolving-heartsright-anger-bubble
Use the bell emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.71 45.01a15.29 1.99 0 1 0 30.58 0a15.29 1.99 0 1 0-30.58 0" opacity=".15"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.34 6.25a2.66 2.66 0 1 0 5.32 0a2.66 2.66 0 1 0-5.32 0"/><path fill="#ffe500" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#fff48c" d="M24 11.57c4.1 0 9.55 1.08 11.66 6.38a26.4 26.4 0 0 0-1-4.38C32.81 8 27.77 6.92 24 6.92S15.19 8 13.36 13.57a26.6 26.6 0 0 0-1 4.37c2.09-5.29 7.54-6.37 11.64-6.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#ffe500" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ebcb00" d="M24 33.52c-10.28 0-18.62.89-18.62 2c0 .36.91.71 2.5 1a102.4 102.4 0 0 1 16.12-1a102.4 102.4 0 0 1 16.12 1c1.59-.29 2.5-.64 2.5-1c0-1.11-8.34-2-18.62-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ffe500" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/><path fill="#ebcb00" d="M24 36.06h3.93a4 4 0 0 0 .06-.58a4 4 0 0 0-.53-2h-6.92a4 4 0 0 0-.53 2a4 4 0 0 0 .06.58c1.28.02 2.58 0 3.93 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisBell(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.71 45.01a15.29 1.99 0 1 0 30.58 0a15.29 1.99 0 1 0-30.58 0" opacity=".15"/><path fill="#fff48c" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M21.34 6.25a2.66 2.66 0 1 0 5.32 0a2.66 2.66 0 1 0-5.32 0"/><path fill="#ffe500" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#fff48c" d="M24 11.57c4.1 0 9.55 1.08 11.66 6.38a26.4 26.4 0 0 0-1-4.38C32.81 8 27.77 6.92 24 6.92S15.19 8 13.36 13.57a26.6 26.6 0 0 0-1 4.37c2.09-5.29 7.54-6.37 11.64-6.37"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#ffe500" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ebcb00" d="M24 33.52c-10.28 0-18.62.89-18.62 2c0 .36.91.71 2.5 1a102.4 102.4 0 0 1 16.12-1a102.4 102.4 0 0 1 16.12 1c1.59-.29 2.5-.64 2.5-1c0-1.11-8.34-2-18.62-2"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ffe500" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/><path fill="#ebcb00" d="M24 36.06h3.93a4 4 0 0 0 .06-.58a4 4 0 0 0-.53-2h-6.92a4 4 0 0 0-.53 2a4 4 0 0 0 .06.58c1.28.02 2.58 0 3.93 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.71 45.01a15.29 1.99 0 1 0 30.58 0a15.29 1.99 0 1 0-30.58 0" opacity=".15"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.34 6.25a2.66 2.66 0 1 0 5.32 0a2.66 2.66 0 1 0-5.32 0"/><path fill="#ffe500" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#fff48c" d="M24 11.57c4.1 0 9.55 1.08 11.66 6.38a26.4 26.4 0 0 0-1-4.38C32.81 8 27.77 6.92 24 6.92S15.19 8 13.36 13.57a26.6 26.6 0 0 0-1 4.37c2.09-5.29 7.54-6.37 11.64-6.37"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.62 35.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77 6.92 24 6.92S15.19 8 13.36 13.57s-1.11 10.36-2.66 13.3s-5.32 5.2-5.32 8.64Z"/><path fill="#ffe500" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ebcb00" d="M24 33.52c-10.28 0-18.62.89-18.62 2c0 .36.91.71 2.5 1a102.4 102.4 0 0 1 16.12-1a102.4 102.4 0 0 1 16.12 1c1.59-.29 2.5-.64 2.5-1c0-1.11-8.34-2-18.62-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.38 35.51a18.62 1.99 0 1 0 37.24 0a18.62 1.99 0 1 0-37.24 0"/><path fill="#ffe500" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/><path fill="#ebcb00" d="M24 36.06h3.93a4 4 0 0 0 .06-.58a4 4 0 0 0-.53-2h-6.92a4 4 0 0 0-.53 2a4 4 0 0 0 .06.58c1.28.02 2.58 0 3.93 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 33.52h-3.46a4 4 0 1 0 6.92 0c-1.13.01-2.27 0-3.46 0"/></svg> </template>
CSS
.icon-bell {
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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.71%2045.01a15.29%201.99%200%201%200%2030.58%200a15.29%201.99%200%201%200-30.58%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.34%206.25a2.66%202.66%200%201%200%205.32%200a2.66%202.66%200%201%200-5.32%200%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M42.62%2035.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77%206.92%2024%206.92S15.19%208%2013.36%2013.57s-1.11%2010.36-2.66%2013.3s-5.32%205.2-5.32%208.64Z%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M24%2011.57c4.1%200%209.55%201.08%2011.66%206.38a26.4%2026.4%200%200%200-1-4.38C32.81%208%2027.77%206.92%2024%206.92S15.19%208%2013.36%2013.57a26.6%2026.6%200%200%200-1%204.37c2.09-5.29%207.54-6.37%2011.64-6.37%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.62%2035.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77%206.92%2024%206.92S15.19%208%2013.36%2013.57s-1.11%2010.36-2.66%2013.3s-5.32%205.2-5.32%208.64Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M5.38%2035.51a18.62%201.99%200%201%200%2037.24%200a18.62%201.99%200%201%200-37.24%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2033.52c-10.28%200-18.62.89-18.62%202c0%20.36.91.71%202.5%201a102.4%20102.4%200%200%201%2016.12-1a102.4%20102.4%200%200%201%2016.12%201c1.59-.29%202.5-.64%202.5-1c0-1.11-8.34-2-18.62-2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.38%2035.51a18.62%201.99%200%201%200%2037.24%200a18.62%201.99%200%201%200-37.24%200%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M24%2033.52h-3.46a4%204%200%201%200%206.92%200c-1.13.01-2.27%200-3.46%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2036.06h3.93a4%204%200%200%200%20.06-.58a4%204%200%200%200-.53-2h-6.92a4%204%200%200%200-.53%202a4%204%200%200%200%20.06.58c1.28.02%202.58%200%203.93%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2033.52h-3.46a4%204%200%201%200%206.92%200c-1.13.01-2.27%200-3.46%200%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.71%2045.01a15.29%201.99%200%201%200%2030.58%200a15.29%201.99%200%201%200-30.58%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.34%206.25a2.66%202.66%200%201%200%205.32%200a2.66%202.66%200%201%200-5.32%200%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M42.62%2035.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77%206.92%2024%206.92S15.19%208%2013.36%2013.57s-1.11%2010.36-2.66%2013.3s-5.32%205.2-5.32%208.64Z%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M24%2011.57c4.1%200%209.55%201.08%2011.66%206.38a26.4%2026.4%200%200%200-1-4.38C32.81%208%2027.77%206.92%2024%206.92S15.19%208%2013.36%2013.57a26.6%2026.6%200%200%200-1%204.37c2.09-5.29%207.54-6.37%2011.64-6.37%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.62%2035.51c0-3.44-3.77-5.71-5.32-8.64s-.83-7.76-2.66-13.3S27.77%206.92%2024%206.92S15.19%208%2013.36%2013.57s-1.11%2010.36-2.66%2013.3s-5.32%205.2-5.32%208.64Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M5.38%2035.51a18.62%201.99%200%201%200%2037.24%200a18.62%201.99%200%201%200-37.24%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2033.52c-10.28%200-18.62.89-18.62%202c0%20.36.91.71%202.5%201a102.4%20102.4%200%200%201%2016.12-1a102.4%20102.4%200%200%201%2016.12%201c1.59-.29%202.5-.64%202.5-1c0-1.11-8.34-2-18.62-2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.38%2035.51a18.62%201.99%200%201%200%2037.24%200a18.62%201.99%200%201%200-37.24%200%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M24%2033.52h-3.46a4%204%200%201%200%206.92%200c-1.13.01-2.27%200-3.46%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2036.06h3.93a4%204%200%200%200%20.06-.58a4%204%200%200%200-.53-2h-6.92a4%204%200%200%200-.53%202a4%204%200%200%200%20.06.58c1.28.02%202.58%200%203.93%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2033.52h-3.46a4%204%200%201%200%206.92%200c-1.13.01-2.27%200-3.46%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/bell.svg?color=%231a73e8&size=48
