bell emoji

bell from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.

Name
bell
Set
Emoji One (Colored)
Style
Default
Category
Symbols
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

bellAkar Iconsbell-filledAnt Design IconsbellBootstrap IconsbellBoxIcons v2bellBoxIcons v2 SolidbellCodiconsbellElement 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 IconsbellHumbleiconsbellIconoir

More symbols icons from Emoji One (Colored)

a-buttonab-buttonanger-symbolantenna-barsaquariusariesasteriskatm-signatom-symbolb-buttonbaby-symbolback-arrowbaggage-claimballot-box-with-checkbeating-heartbell-with-slashbiohazardblack-circleblack-heartblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-button

Use the bell emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="M43.7 23.7c-5.5-3.4-7.5-8.1-9.3-11.5c-3.9-7-10.1-9.1-16.6-7.5c-1.3-2.3-3.6-3.4-6-1.9c-2.5 1.5-2.7 4.1-1.4 6.4c-4.6 5-6 11.8-2.2 18.8c1.9 3.4 4.7 7.6 4.8 14.3c.1 4.8-3.7 8 2 18.3l42.7-26c-5.6-10.3-10.1-8.5-14-10.9"/><path fill="#d9e3e8" d="M40.7 25.5c-4.9-3.8-7-8.4-8.9-11.8c-3.9-7-9.4-9.6-14.7-8.7c-1.3-2.3-3.3-3.6-5.3-2.4s-2 3.7-.7 6c-3.5 4.5-4.1 10.8-.3 17.9c1.9 3.4 4.6 7.6 5.3 14c.4 4.5-2.5 7.2 3.2 17.6l34.2-20.8c-5.7-10.4-9.3-9.1-12.8-11.8"/><path fill="#7d888e" d="M57.7 34.7c1.8 3.3-6.2 11.9-18 19c-11.8 7.2-22.8 10.3-24.7 7c-1.8-3.3 6.2-11.9 18-19c11.9-7.2 22.9-10.3 24.7-7"/><path fill="#5a666b" d="M56.6 35.7c1.7 3-6 10.9-17.1 17.7c-11.1 6.7-21.4 9.8-23.1 6.7c-1.7-3 6-10.9 17.1-17.7c11.1-6.7 21.5-9.7 23.1-6.7"/><path fill="#383f42" d="M17.7 55.7c4.4-.5 11.5-3.3 18.9-7.8s13.3-9.6 15.9-13.3c-4.4.4-11.5 3.3-19 7.8c-7.4 4.5-13.3 9.6-15.8 13.3"/><path fill="#b0bdc6" d="M23.8 49.3c-.7.6-1.3 1.1-1.9 1.7c1.6 3.5 5.2 5.6 9 4.9c-3 .6-6-2.3-7.1-6.6m11.8-8.1l-1.5.9s0 .1.1.1c.7 1.3 1.2 2.7 1.5 4.1c.3 1.5.3 3-.1 4.4c-.3 1.4-1.1 2.8-2.1 3.7c-.7.8-1.5 1.3-2.5 1.5c4.5-.9 7.6-5.4 6.7-10.2c-.3-1.8-1.1-3.3-2.1-4.5"/><path fill="#d9e3e8" d="M35.6 46.3c-.3-1.5-.8-2.9-1.5-4.1c0 0 0-.1-.1-.1c0 0-.1 0-.1.1c-.1.1-.2.1-.4.2l-.1.1c-3.6 2.2-6.9 4.6-9.6 6.8c1.1 4.3 4.1 7.1 7.1 6.6c1-.2 1.8-.7 2.5-1.5c1-.9 1.8-2.3 2.1-3.7c.4-1.4.4-2.9.1-4.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneBell(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="M43.7 23.7c-5.5-3.4-7.5-8.1-9.3-11.5c-3.9-7-10.1-9.1-16.6-7.5c-1.3-2.3-3.6-3.4-6-1.9c-2.5 1.5-2.7 4.1-1.4 6.4c-4.6 5-6 11.8-2.2 18.8c1.9 3.4 4.7 7.6 4.8 14.3c.1 4.8-3.7 8 2 18.3l42.7-26c-5.6-10.3-10.1-8.5-14-10.9"/><path fill="#d9e3e8" d="M40.7 25.5c-4.9-3.8-7-8.4-8.9-11.8c-3.9-7-9.4-9.6-14.7-8.7c-1.3-2.3-3.3-3.6-5.3-2.4s-2 3.7-.7 6c-3.5 4.5-4.1 10.8-.3 17.9c1.9 3.4 4.6 7.6 5.3 14c.4 4.5-2.5 7.2 3.2 17.6l34.2-20.8c-5.7-10.4-9.3-9.1-12.8-11.8"/><path fill="#7d888e" d="M57.7 34.7c1.8 3.3-6.2 11.9-18 19c-11.8 7.2-22.8 10.3-24.7 7c-1.8-3.3 6.2-11.9 18-19c11.9-7.2 22.9-10.3 24.7-7"/><path fill="#5a666b" d="M56.6 35.7c1.7 3-6 10.9-17.1 17.7c-11.1 6.7-21.4 9.8-23.1 6.7c-1.7-3 6-10.9 17.1-17.7c11.1-6.7 21.5-9.7 23.1-6.7"/><path fill="#383f42" d="M17.7 55.7c4.4-.5 11.5-3.3 18.9-7.8s13.3-9.6 15.9-13.3c-4.4.4-11.5 3.3-19 7.8c-7.4 4.5-13.3 9.6-15.8 13.3"/><path fill="#b0bdc6" d="M23.8 49.3c-.7.6-1.3 1.1-1.9 1.7c1.6 3.5 5.2 5.6 9 4.9c-3 .6-6-2.3-7.1-6.6m11.8-8.1l-1.5.9s0 .1.1.1c.7 1.3 1.2 2.7 1.5 4.1c.3 1.5.3 3-.1 4.4c-.3 1.4-1.1 2.8-2.1 3.7c-.7.8-1.5 1.3-2.5 1.5c4.5-.9 7.6-5.4 6.7-10.2c-.3-1.8-1.1-3.3-2.1-4.5"/><path fill="#d9e3e8" d="M35.6 46.3c-.3-1.5-.8-2.9-1.5-4.1c0 0 0-.1-.1-.1c0 0-.1 0-.1.1c-.1.1-.2.1-.4.2l-.1.1c-3.6 2.2-6.9 4.6-9.6 6.8c1.1 4.3 4.1 7.1 7.1 6.6c1-.2 1.8-.7 2.5-1.5c1-.9 1.8-2.3 2.1-3.7c.4-1.4.4-2.9.1-4.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="M43.7 23.7c-5.5-3.4-7.5-8.1-9.3-11.5c-3.9-7-10.1-9.1-16.6-7.5c-1.3-2.3-3.6-3.4-6-1.9c-2.5 1.5-2.7 4.1-1.4 6.4c-4.6 5-6 11.8-2.2 18.8c1.9 3.4 4.7 7.6 4.8 14.3c.1 4.8-3.7 8 2 18.3l42.7-26c-5.6-10.3-10.1-8.5-14-10.9"/><path fill="#d9e3e8" d="M40.7 25.5c-4.9-3.8-7-8.4-8.9-11.8c-3.9-7-9.4-9.6-14.7-8.7c-1.3-2.3-3.3-3.6-5.3-2.4s-2 3.7-.7 6c-3.5 4.5-4.1 10.8-.3 17.9c1.9 3.4 4.6 7.6 5.3 14c.4 4.5-2.5 7.2 3.2 17.6l34.2-20.8c-5.7-10.4-9.3-9.1-12.8-11.8"/><path fill="#7d888e" d="M57.7 34.7c1.8 3.3-6.2 11.9-18 19c-11.8 7.2-22.8 10.3-24.7 7c-1.8-3.3 6.2-11.9 18-19c11.9-7.2 22.9-10.3 24.7-7"/><path fill="#5a666b" d="M56.6 35.7c1.7 3-6 10.9-17.1 17.7c-11.1 6.7-21.4 9.8-23.1 6.7c-1.7-3 6-10.9 17.1-17.7c11.1-6.7 21.5-9.7 23.1-6.7"/><path fill="#383f42" d="M17.7 55.7c4.4-.5 11.5-3.3 18.9-7.8s13.3-9.6 15.9-13.3c-4.4.4-11.5 3.3-19 7.8c-7.4 4.5-13.3 9.6-15.8 13.3"/><path fill="#b0bdc6" d="M23.8 49.3c-.7.6-1.3 1.1-1.9 1.7c1.6 3.5 5.2 5.6 9 4.9c-3 .6-6-2.3-7.1-6.6m11.8-8.1l-1.5.9s0 .1.1.1c.7 1.3 1.2 2.7 1.5 4.1c.3 1.5.3 3-.1 4.4c-.3 1.4-1.1 2.8-2.1 3.7c-.7.8-1.5 1.3-2.5 1.5c4.5-.9 7.6-5.4 6.7-10.2c-.3-1.8-1.1-3.3-2.1-4.5"/><path fill="#d9e3e8" d="M35.6 46.3c-.3-1.5-.8-2.9-1.5-4.1c0 0 0-.1-.1-.1c0 0-.1 0-.1.1c-.1.1-.2.1-.4.2l-.1.1c-3.6 2.2-6.9 4.6-9.6 6.8c1.1 4.3 4.1 7.1 7.1 6.6c1-.2 1.8-.7 2.5-1.5c1-.9 1.8-2.3 2.1-3.7c.4-1.4.4-2.9.1-4.4"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M43.7%2023.7c-5.5-3.4-7.5-8.1-9.3-11.5c-3.9-7-10.1-9.1-16.6-7.5c-1.3-2.3-3.6-3.4-6-1.9c-2.5%201.5-2.7%204.1-1.4%206.4c-4.6%205-6%2011.8-2.2%2018.8c1.9%203.4%204.7%207.6%204.8%2014.3c.1%204.8-3.7%208%202%2018.3l42.7-26c-5.6-10.3-10.1-8.5-14-10.9%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M40.7%2025.5c-4.9-3.8-7-8.4-8.9-11.8c-3.9-7-9.4-9.6-14.7-8.7c-1.3-2.3-3.3-3.6-5.3-2.4s-2%203.7-.7%206c-3.5%204.5-4.1%2010.8-.3%2017.9c1.9%203.4%204.6%207.6%205.3%2014c.4%204.5-2.5%207.2%203.2%2017.6l34.2-20.8c-5.7-10.4-9.3-9.1-12.8-11.8%22%2F%3E%3Cpath%20fill%3D%22%237d888e%22%20d%3D%22M57.7%2034.7c1.8%203.3-6.2%2011.9-18%2019c-11.8%207.2-22.8%2010.3-24.7%207c-1.8-3.3%206.2-11.9%2018-19c11.9-7.2%2022.9-10.3%2024.7-7%22%2F%3E%3Cpath%20fill%3D%22%235a666b%22%20d%3D%22M56.6%2035.7c1.7%203-6%2010.9-17.1%2017.7c-11.1%206.7-21.4%209.8-23.1%206.7c-1.7-3%206-10.9%2017.1-17.7c11.1-6.7%2021.5-9.7%2023.1-6.7%22%2F%3E%3Cpath%20fill%3D%22%23383f42%22%20d%3D%22M17.7%2055.7c4.4-.5%2011.5-3.3%2018.9-7.8s13.3-9.6%2015.9-13.3c-4.4.4-11.5%203.3-19%207.8c-7.4%204.5-13.3%209.6-15.8%2013.3%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M23.8%2049.3c-.7.6-1.3%201.1-1.9%201.7c1.6%203.5%205.2%205.6%209%204.9c-3%20.6-6-2.3-7.1-6.6m11.8-8.1l-1.5.9s0%20.1.1.1c.7%201.3%201.2%202.7%201.5%204.1c.3%201.5.3%203-.1%204.4c-.3%201.4-1.1%202.8-2.1%203.7c-.7.8-1.5%201.3-2.5%201.5c4.5-.9%207.6-5.4%206.7-10.2c-.3-1.8-1.1-3.3-2.1-4.5%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M35.6%2046.3c-.3-1.5-.8-2.9-1.5-4.1c0%200%200-.1-.1-.1c0%200-.1%200-.1.1c-.1.1-.2.1-.4.2l-.1.1c-3.6%202.2-6.9%204.6-9.6%206.8c1.1%204.3%204.1%207.1%207.1%206.6c1-.2%201.8-.7%202.5-1.5c1-.9%201.8-2.3%202.1-3.7c.4-1.4.4-2.9.1-4.4%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M43.7%2023.7c-5.5-3.4-7.5-8.1-9.3-11.5c-3.9-7-10.1-9.1-16.6-7.5c-1.3-2.3-3.6-3.4-6-1.9c-2.5%201.5-2.7%204.1-1.4%206.4c-4.6%205-6%2011.8-2.2%2018.8c1.9%203.4%204.7%207.6%204.8%2014.3c.1%204.8-3.7%208%202%2018.3l42.7-26c-5.6-10.3-10.1-8.5-14-10.9%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M40.7%2025.5c-4.9-3.8-7-8.4-8.9-11.8c-3.9-7-9.4-9.6-14.7-8.7c-1.3-2.3-3.3-3.6-5.3-2.4s-2%203.7-.7%206c-3.5%204.5-4.1%2010.8-.3%2017.9c1.9%203.4%204.6%207.6%205.3%2014c.4%204.5-2.5%207.2%203.2%2017.6l34.2-20.8c-5.7-10.4-9.3-9.1-12.8-11.8%22%2F%3E%3Cpath%20fill%3D%22%237d888e%22%20d%3D%22M57.7%2034.7c1.8%203.3-6.2%2011.9-18%2019c-11.8%207.2-22.8%2010.3-24.7%207c-1.8-3.3%206.2-11.9%2018-19c11.9-7.2%2022.9-10.3%2024.7-7%22%2F%3E%3Cpath%20fill%3D%22%235a666b%22%20d%3D%22M56.6%2035.7c1.7%203-6%2010.9-17.1%2017.7c-11.1%206.7-21.4%209.8-23.1%206.7c-1.7-3%206-10.9%2017.1-17.7c11.1-6.7%2021.5-9.7%2023.1-6.7%22%2F%3E%3Cpath%20fill%3D%22%23383f42%22%20d%3D%22M17.7%2055.7c4.4-.5%2011.5-3.3%2018.9-7.8s13.3-9.6%2015.9-13.3c-4.4.4-11.5%203.3-19%207.8c-7.4%204.5-13.3%209.6-15.8%2013.3%22%2F%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22M23.8%2049.3c-.7.6-1.3%201.1-1.9%201.7c1.6%203.5%205.2%205.6%209%204.9c-3%20.6-6-2.3-7.1-6.6m11.8-8.1l-1.5.9s0%20.1.1.1c.7%201.3%201.2%202.7%201.5%204.1c.3%201.5.3%203-.1%204.4c-.3%201.4-1.1%202.8-2.1%203.7c-.7.8-1.5%201.3-2.5%201.5c4.5-.9%207.6-5.4%206.7-10.2c-.3-1.8-1.1-3.3-2.1-4.5%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M35.6%2046.3c-.3-1.5-.8-2.9-1.5-4.1c0%200%200-.1-.1-.1c0%200-.1%200-.1.1c-.1.1-.2.1-.4.2l-.1.1c-3.6%202.2-6.9%204.6-9.6%206.8c1.1%204.3%204.1%207.1%207.1%206.6c1-.2%201.8-.7%202.5-1.5c1-.9%201.8-2.3%202.1-3.7c.4-1.4.4-2.9.1-4.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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