bell emoji
bell from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- bell
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
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 FlatbellFirefox OS Emojibellcss.ggbellHeroIconsbellHuge IconsbellHumbleiconsbellIconoir
More objects icons from Fluent Emoji High Contrast
Use the bell emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1a2.25 2.25 0 0 0-2.25 2.25v.036c-3.415.877-6.112 3.684-6.821 7.315L5.199 19.5c-.207 1.054-.693 1.974-1.426 2.564l-.005.003A4.78 4.78 0 0 0 2 25.793v1.234C2 28.104 2.861 29 3.95 29h8.182c.837 1.212 2.26 2 3.868 2a4.68 4.68 0 0 0 3.868-2h8.182c1.106 0 1.95-.903 1.95-1.973v-1.234a4.78 4.78 0 0 0-1.768-3.726l-.005-.003c-.733-.59-1.219-1.51-1.426-2.564l-1.73-8.898c-.708-3.631-3.406-6.44-6.821-7.316V3.25A2.25 2.25 0 0 0 16 1m-.542 4h1.084l.552.087c2.966.468 5.407 2.785 6.014 5.897l1.73 8.9c.274 1.393.947 2.78 2.133 3.736A2.78 2.78 0 0 1 28 25.793V27h-9.32l-.276.556C17.988 28.394 17.084 29 16 29c-1.085 0-1.988-.605-2.404-1.444L13.321 27H4v-1.207c0-.889.403-1.662 1.03-2.173c1.185-.955 1.858-2.343 2.131-3.735l1.73-8.902c.609-3.111 3.05-5.428 6.015-5.896z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastBell(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1a2.25 2.25 0 0 0-2.25 2.25v.036c-3.415.877-6.112 3.684-6.821 7.315L5.199 19.5c-.207 1.054-.693 1.974-1.426 2.564l-.005.003A4.78 4.78 0 0 0 2 25.793v1.234C2 28.104 2.861 29 3.95 29h8.182c.837 1.212 2.26 2 3.868 2a4.68 4.68 0 0 0 3.868-2h8.182c1.106 0 1.95-.903 1.95-1.973v-1.234a4.78 4.78 0 0 0-1.768-3.726l-.005-.003c-.733-.59-1.219-1.51-1.426-2.564l-1.73-8.898c-.708-3.631-3.406-6.44-6.821-7.316V3.25A2.25 2.25 0 0 0 16 1m-.542 4h1.084l.552.087c2.966.468 5.407 2.785 6.014 5.897l1.73 8.9c.274 1.393.947 2.78 2.133 3.736A2.78 2.78 0 0 1 28 25.793V27h-9.32l-.276.556C17.988 28.394 17.084 29 16 29c-1.085 0-1.988-.605-2.404-1.444L13.321 27H4v-1.207c0-.889.403-1.662 1.03-2.173c1.185-.955 1.858-2.343 2.131-3.735l1.73-8.902c.609-3.111 3.05-5.428 6.015-5.896z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1a2.25 2.25 0 0 0-2.25 2.25v.036c-3.415.877-6.112 3.684-6.821 7.315L5.199 19.5c-.207 1.054-.693 1.974-1.426 2.564l-.005.003A4.78 4.78 0 0 0 2 25.793v1.234C2 28.104 2.861 29 3.95 29h8.182c.837 1.212 2.26 2 3.868 2a4.68 4.68 0 0 0 3.868-2h8.182c1.106 0 1.95-.903 1.95-1.973v-1.234a4.78 4.78 0 0 0-1.768-3.726l-.005-.003c-.733-.59-1.219-1.51-1.426-2.564l-1.73-8.898c-.708-3.631-3.406-6.44-6.821-7.316V3.25A2.25 2.25 0 0 0 16 1m-.542 4h1.084l.552.087c2.966.468 5.407 2.785 6.014 5.897l1.73 8.9c.274 1.393.947 2.78 2.133 3.736A2.78 2.78 0 0 1 28 25.793V27h-9.32l-.276.556C17.988 28.394 17.084 29 16 29c-1.085 0-1.988-.605-2.404-1.444L13.321 27H4v-1.207c0-.889.403-1.662 1.03-2.173c1.185-.955 1.858-2.343 2.131-3.735l1.73-8.902c.609-3.111 3.05-5.428 6.015-5.896z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%201a2.25%202.25%200%200%200-2.25%202.25v.036c-3.415.877-6.112%203.684-6.821%207.315L5.199%2019.5c-.207%201.054-.693%201.974-1.426%202.564l-.005.003A4.78%204.78%200%200%200%202%2025.793v1.234C2%2028.104%202.861%2029%203.95%2029h8.182c.837%201.212%202.26%202%203.868%202a4.68%204.68%200%200%200%203.868-2h8.182c1.106%200%201.95-.903%201.95-1.973v-1.234a4.78%204.78%200%200%200-1.768-3.726l-.005-.003c-.733-.59-1.219-1.51-1.426-2.564l-1.73-8.898c-.708-3.631-3.406-6.44-6.821-7.316V3.25A2.25%202.25%200%200%200%2016%201m-.542%204h1.084l.552.087c2.966.468%205.407%202.785%206.014%205.897l1.73%208.9c.274%201.393.947%202.78%202.133%203.736A2.78%202.78%200%200%201%2028%2025.793V27h-9.32l-.276.556C17.988%2028.394%2017.084%2029%2016%2029c-1.085%200-1.988-.605-2.404-1.444L13.321%2027H4v-1.207c0-.889.403-1.662%201.03-2.173c1.185-.955%201.858-2.343%202.131-3.735l1.73-8.902c.609-3.111%203.05-5.428%206.015-5.896z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%201a2.25%202.25%200%200%200-2.25%202.25v.036c-3.415.877-6.112%203.684-6.821%207.315L5.199%2019.5c-.207%201.054-.693%201.974-1.426%202.564l-.005.003A4.78%204.78%200%200%200%202%2025.793v1.234C2%2028.104%202.861%2029%203.95%2029h8.182c.837%201.212%202.26%202%203.868%202a4.68%204.68%200%200%200%203.868-2h8.182c1.106%200%201.95-.903%201.95-1.973v-1.234a4.78%204.78%200%200%200-1.768-3.726l-.005-.003c-.733-.59-1.219-1.51-1.426-2.564l-1.73-8.898c-.708-3.631-3.406-6.44-6.821-7.316V3.25A2.25%202.25%200%200%200%2016%201m-.542%204h1.084l.552.087c2.966.468%205.407%202.785%206.014%205.897l1.73%208.9c.274%201.393.947%202.78%202.133%203.736A2.78%202.78%200%200%201%2028%2025.793V27h-9.32l-.276.556C17.988%2028.394%2017.084%2029%2016%2029c-1.085%200-1.988-.605-2.404-1.444L13.321%2027H4v-1.207c0-.889.403-1.662%201.03-2.173c1.185-.955%201.858-2.343%202.131-3.735l1.73-8.902c.609-3.111%203.05-5.428%206.015-5.896z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/bell.svg?color=%231a73e8&size=48
