bell from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
bell
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Related icons in Fluent Emoji

Use the bell emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iBBY4Ub1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#ilO9Irb1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iXky1SX1)"/><g filter="url(#ixEkVid1)"><rect width="2.408" height="4.361" x="14.796" y="2.06" fill="url(#ioATVkd1)" rx="1.204"/></g><g filter="url(#iUejSBd1)"><path fill="url(#iEeTtRb1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/></g><path fill="url(#igeHHmI1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><path fill="url(#iY0SFXc1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><g filter="url(#iOJQIAc1)"><path fill="url(#iiz3VUb1)" d="m7.479 21.313l-1.563 2.125h21l-1.687-2.125z"/></g><g filter="url(#i2e62ce1)"><path fill="url(#iGddRue1)" d="M16.791 9.326a2.264 2.264 0 0 1 4.464-.534l3.036 12.52h-7.5z"/></g><defs><linearGradient id="ilO9Irb1" x1="15.26" x2="15.51" y1="27.156" y2="28.938" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#E57356"/><stop offset="1" stop-color="#E57356" stop-opacity="0"/></linearGradient><linearGradient id="iEeTtRb1" x1="18.467" x2="4.946" y1="26.093" y2="26.093" gradientUnits="userSpaceOnUse"><stop stop-color="#FCB949"/><stop offset="1" stop-color="#E28C37"/></linearGradient><linearGradient id="igeHHmI1" x1="18.104" x2="18.104" y1="28.188" y2="25.188" gradientUnits="userSpaceOnUse"><stop stop-color="#D7737D"/><stop offset=".302" stop-color="#FCA162" stop-opacity="0"/></linearGradient><linearGradient id="iiz3VUb1" x1="6.229" x2="26.291" y1="23.438" y2="23.438" gradientUnits="userSpaceOnUse"><stop offset=".277" stop-color="#F5A43C"/><stop offset="1" stop-color="#FFE154"/></linearGradient><linearGradient id="iGddRue1" x1="25.174" x2="15.541" y1="18.572" y2="18.572" gradientUnits="userSpaceOnUse"><stop offset=".118" stop-color="#FFEF6D"/><stop offset="1" stop-color="#FFEF6D" stop-opacity="0"/></linearGradient><radialGradient id="iBBY4Ub1" cx="0" cy="0" r="1" gradientTransform="rotate(-126.512 16.328 10.307)scale(2.95496 4.08094)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC26D"/><stop offset="1" stop-color="#F68D61"/></radialGradient><radialGradient id="iXky1SX1" cx="0" cy="0" r="1" gradientTransform="matrix(-2.875 2.875 -4.74402 -4.74402 16.885 26.718)" gradientUnits="userSpaceOnUse"><stop offset=".441" stop-color="#EA8059" stop-opacity="0"/><stop offset="1" stop-color="#C27068"/></radialGradient><radialGradient id="ioATVkd1" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.18066 1.3125 0 16.791 4.24)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE957"/><stop offset="1" stop-color="#F7A630"/></radialGradient><radialGradient id="iY0SFXc1" cx="0" cy="0" r="1" gradientTransform="matrix(-19.00185 12.74995 -12.23105 -18.22851 22.041 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#E69136" stop-opacity="0"/><stop offset=".977" stop-color="#CF7D44"/></radialGradient><filter id="ixEkVid1" width="2.608" height="4.361" x="14.796" y="2.06" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.564706 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/></filter><filter id="iUejSBd1" width="30.921" height="23.688" x="-.961" y="4.241" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.905882 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.866667 0 0 0 0 0.462745 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17986" result="effect2_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.917647 0 0 0 0 0.572549 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_17986" result="effect3_innerShadow_18_17986"/></filter><filter id="iOJQIAc1" width="25" height="6.125" x="3.916" y="19.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter><filter id="i2e62ce1" width="11.5" height="18.25" x="14.791" y="5.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiBell(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iBBY4Ub1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#ilO9Irb1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iXky1SX1)"/><g filter="url(#ixEkVid1)"><rect width="2.408" height="4.361" x="14.796" y="2.06" fill="url(#ioATVkd1)" rx="1.204"/></g><g filter="url(#iUejSBd1)"><path fill="url(#iEeTtRb1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/></g><path fill="url(#igeHHmI1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><path fill="url(#iY0SFXc1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><g filter="url(#iOJQIAc1)"><path fill="url(#iiz3VUb1)" d="m7.479 21.313l-1.563 2.125h21l-1.687-2.125z"/></g><g filter="url(#i2e62ce1)"><path fill="url(#iGddRue1)" d="M16.791 9.326a2.264 2.264 0 0 1 4.464-.534l3.036 12.52h-7.5z"/></g><defs><linearGradient id="ilO9Irb1" x1="15.26" x2="15.51" y1="27.156" y2="28.938" gradientUnits="userSpaceOnUse"><stop offset=".186" stopColor="#E57356"/><stop offset="1" stopColor="#E57356" stopOpacity="0"/></linearGradient><linearGradient id="iEeTtRb1" x1="18.467" x2="4.946" y1="26.093" y2="26.093" gradientUnits="userSpaceOnUse"><stop stopColor="#FCB949"/><stop offset="1" stopColor="#E28C37"/></linearGradient><linearGradient id="igeHHmI1" x1="18.104" x2="18.104" y1="28.188" y2="25.188" gradientUnits="userSpaceOnUse"><stop stopColor="#D7737D"/><stop offset=".302" stopColor="#FCA162" stopOpacity="0"/></linearGradient><linearGradient id="iiz3VUb1" x1="6.229" x2="26.291" y1="23.438" y2="23.438" gradientUnits="userSpaceOnUse"><stop offset=".277" stopColor="#F5A43C"/><stop offset="1" stopColor="#FFE154"/></linearGradient><linearGradient id="iGddRue1" x1="25.174" x2="15.541" y1="18.572" y2="18.572" gradientUnits="userSpaceOnUse"><stop offset=".118" stopColor="#FFEF6D"/><stop offset="1" stopColor="#FFEF6D" stopOpacity="0"/></linearGradient><radialGradient id="iBBY4Ub1" cx="0" cy="0" r="1" gradientTransform="rotate(-126.512 16.328 10.307)scale(2.95496 4.08094)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFC26D"/><stop offset="1" stopColor="#F68D61"/></radialGradient><radialGradient id="iXky1SX1" cx="0" cy="0" r="1" gradientTransform="matrix(-2.875 2.875 -4.74402 -4.74402 16.885 26.718)" gradientUnits="userSpaceOnUse"><stop offset=".441" stopColor="#EA8059" stopOpacity="0"/><stop offset="1" stopColor="#C27068"/></radialGradient><radialGradient id="ioATVkd1" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.18066 1.3125 0 16.791 4.24)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFE957"/><stop offset="1" stopColor="#F7A630"/></radialGradient><radialGradient id="iY0SFXc1" cx="0" cy="0" r="1" gradientTransform="matrix(-19.00185 12.74995 -12.23105 -18.22851 22.041 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".67" stopColor="#E69136" stopOpacity="0"/><stop offset=".977" stopColor="#CF7D44"/></radialGradient><filter id="ixEkVid1" width="2.608" height="4.361" x="14.796" y="2.06" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.564706 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/></filter><filter id="iUejSBd1" width="30.921" height="23.688" x="-.961" y="4.241" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.905882 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.866667 0 0 0 0 0.462745 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17986" result="effect2_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.917647 0 0 0 0 0.572549 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_17986" result="effect3_innerShadow_18_17986"/></filter><filter id="iOJQIAc1" width="25" height="6.125" x="3.916" y="19.313" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter><filter id="i2e62ce1" width="11.5" height="18.25" x="14.791" y="5.063" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iBBY4Ub1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#ilO9Irb1)"/><circle cx="16.002" cy="26.266" r="3.661" fill="url(#iXky1SX1)"/><g filter="url(#ixEkVid1)"><rect width="2.408" height="4.361" x="14.796" y="2.06" fill="url(#ioATVkd1)" rx="1.204"/></g><g filter="url(#iUejSBd1)"><path fill="url(#iEeTtRb1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/></g><path fill="url(#igeHHmI1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><path fill="url(#iY0SFXc1)" d="M7.978 10.674a8 8 0 0 1 7.766-6.433h.513a8 8 0 0 1 7.765 6.433l1.86 9.316a4 4 0 0 0 .881 1.814l1.24 1.451a4 4 0 0 1 .957 2.598v1.326a.75.75 0 0 1-.75.75H3.79a.75.75 0 0 1-.75-.75v-1.326a4 4 0 0 1 .957-2.598l1.24-1.45a4 4 0 0 0 .88-1.815z"/><g filter="url(#iOJQIAc1)"><path fill="url(#iiz3VUb1)" d="m7.479 21.313l-1.563 2.125h21l-1.687-2.125z"/></g><g filter="url(#i2e62ce1)"><path fill="url(#iGddRue1)" d="M16.791 9.326a2.264 2.264 0 0 1 4.464-.534l3.036 12.52h-7.5z"/></g><defs><linearGradient id="ilO9Irb1" x1="15.26" x2="15.51" y1="27.156" y2="28.938" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#E57356"/><stop offset="1" stop-color="#E57356" stop-opacity="0"/></linearGradient><linearGradient id="iEeTtRb1" x1="18.467" x2="4.946" y1="26.093" y2="26.093" gradientUnits="userSpaceOnUse"><stop stop-color="#FCB949"/><stop offset="1" stop-color="#E28C37"/></linearGradient><linearGradient id="igeHHmI1" x1="18.104" x2="18.104" y1="28.188" y2="25.188" gradientUnits="userSpaceOnUse"><stop stop-color="#D7737D"/><stop offset=".302" stop-color="#FCA162" stop-opacity="0"/></linearGradient><linearGradient id="iiz3VUb1" x1="6.229" x2="26.291" y1="23.438" y2="23.438" gradientUnits="userSpaceOnUse"><stop offset=".277" stop-color="#F5A43C"/><stop offset="1" stop-color="#FFE154"/></linearGradient><linearGradient id="iGddRue1" x1="25.174" x2="15.541" y1="18.572" y2="18.572" gradientUnits="userSpaceOnUse"><stop offset=".118" stop-color="#FFEF6D"/><stop offset="1" stop-color="#FFEF6D" stop-opacity="0"/></linearGradient><radialGradient id="iBBY4Ub1" cx="0" cy="0" r="1" gradientTransform="rotate(-126.512 16.328 10.307)scale(2.95496 4.08094)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC26D"/><stop offset="1" stop-color="#F68D61"/></radialGradient><radialGradient id="iXky1SX1" cx="0" cy="0" r="1" gradientTransform="matrix(-2.875 2.875 -4.74402 -4.74402 16.885 26.718)" gradientUnits="userSpaceOnUse"><stop offset=".441" stop-color="#EA8059" stop-opacity="0"/><stop offset="1" stop-color="#C27068"/></radialGradient><radialGradient id="ioATVkd1" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.18066 1.3125 0 16.791 4.24)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE957"/><stop offset="1" stop-color="#F7A630"/></radialGradient><radialGradient id="iY0SFXc1" cx="0" cy="0" r="1" gradientTransform="matrix(-19.00185 12.74995 -12.23105 -18.22851 22.041 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#E69136" stop-opacity="0"/><stop offset=".977" stop-color="#CF7D44"/></radialGradient><filter id="ixEkVid1" width="2.608" height="4.361" x="14.796" y="2.06" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.564706 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/></filter><filter id="iUejSBd1" width="30.921" height="23.688" x="-.961" y="4.241" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.905882 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.996078 0 0 0 0 0.866667 0 0 0 0 0.462745 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17986" result="effect2_innerShadow_18_17986"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.917647 0 0 0 0 0.572549 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_17986" result="effect3_innerShadow_18_17986"/></filter><filter id="iOJQIAc1" width="25" height="6.125" x="3.916" y="19.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter><filter id="i2e62ce1" width="11.5" height="18.25" x="14.791" y="5.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17986" stdDeviation="1"/></filter></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23iBBY4Ub1)%22%2F%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23ilO9Irb1)%22%2F%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23iXky1SX1)%22%2F%3E%3Cg%20filter%3D%22url(%23ixEkVid1)%22%3E%3Crect%20width%3D%222.408%22%20height%3D%224.361%22%20x%3D%2214.796%22%20y%3D%222.06%22%20fill%3D%22url(%23ioATVkd1)%22%20rx%3D%221.204%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iUejSBd1)%22%3E%3Cpath%20fill%3D%22url(%23iEeTtRb1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23igeHHmI1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3Cpath%20fill%3D%22url(%23iY0SFXc1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3Cg%20filter%3D%22url(%23iOJQIAc1)%22%3E%3Cpath%20fill%3D%22url(%23iiz3VUb1)%22%20d%3D%22m7.479%2021.313l-1.563%202.125h21l-1.687-2.125z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i2e62ce1)%22%3E%3Cpath%20fill%3D%22url(%23iGddRue1)%22%20d%3D%22M16.791%209.326a2.264%202.264%200%200%201%204.464-.534l3.036%2012.52h-7.5z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ilO9Irb1%22%20x1%3D%2215.26%22%20x2%3D%2215.51%22%20y1%3D%2227.156%22%20y2%3D%2228.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.186%22%20stop-color%3D%22%23E57356%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E57356%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEeTtRb1%22%20x1%3D%2218.467%22%20x2%3D%224.946%22%20y1%3D%2226.093%22%20y2%3D%2226.093%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FCB949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E28C37%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22igeHHmI1%22%20x1%3D%2218.104%22%20x2%3D%2218.104%22%20y1%3D%2228.188%22%20y2%3D%2225.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D7737D%22%2F%3E%3Cstop%20offset%3D%22.302%22%20stop-color%3D%22%23FCA162%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iiz3VUb1%22%20x1%3D%226.229%22%20x2%3D%2226.291%22%20y1%3D%2223.438%22%20y2%3D%2223.438%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.277%22%20stop-color%3D%22%23F5A43C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFE154%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGddRue1%22%20x1%3D%2225.174%22%20x2%3D%2215.541%22%20y1%3D%2218.572%22%20y2%3D%2218.572%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.118%22%20stop-color%3D%22%23FFEF6D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFEF6D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iBBY4Ub1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-126.512%2016.328%2010.307)scale(2.95496%204.08094)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFC26D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F68D61%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iXky1SX1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2.875%202.875%20-4.74402%20-4.74402%2016.885%2026.718)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.441%22%20stop-color%3D%22%23EA8059%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C27068%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ioATVkd1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-2.18066%201.3125%200%2016.791%204.24)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFE957%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F7A630%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iY0SFXc1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-19.00185%2012.74995%20-12.23105%20-18.22851%2022.041%2014.625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23E69136%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.977%22%20stop-color%3D%22%23CF7D44%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22ixEkVid1%22%20width%3D%222.608%22%20height%3D%224.361%22%20x%3D%2214.796%22%20y%3D%222.06%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.87451%200%200%200%200%200.564706%200%200%200%200%200.341176%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17986%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iUejSBd1%22%20width%3D%2230.921%22%20height%3D%2223.688%22%20x%3D%22-.961%22%20y%3D%224.241%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.905882%200%200%200%200%200.392157%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17986%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.996078%200%200%200%200%200.866667%200%200%200%200%200.462745%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_17986%22%20result%3D%22effect2_innerShadow_18_17986%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.917647%200%200%200%200%200.572549%200%200%200%200%200.32549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_17986%22%20result%3D%22effect3_innerShadow_18_17986%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOJQIAc1%22%20width%3D%2225%22%20height%3D%226.125%22%20x%3D%223.916%22%20y%3D%2219.313%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17986%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i2e62ce1%22%20width%3D%2211.5%22%20height%3D%2218.25%22%20x%3D%2214.791%22%20y%3D%225.063%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17986%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23iBBY4Ub1)%22%2F%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23ilO9Irb1)%22%2F%3E%3Ccircle%20cx%3D%2216.002%22%20cy%3D%2226.266%22%20r%3D%223.661%22%20fill%3D%22url(%23iXky1SX1)%22%2F%3E%3Cg%20filter%3D%22url(%23ixEkVid1)%22%3E%3Crect%20width%3D%222.408%22%20height%3D%224.361%22%20x%3D%2214.796%22%20y%3D%222.06%22%20fill%3D%22url(%23ioATVkd1)%22%20rx%3D%221.204%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iUejSBd1)%22%3E%3Cpath%20fill%3D%22url(%23iEeTtRb1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23igeHHmI1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3Cpath%20fill%3D%22url(%23iY0SFXc1)%22%20d%3D%22M7.978%2010.674a8%208%200%200%201%207.766-6.433h.513a8%208%200%200%201%207.765%206.433l1.86%209.316a4%204%200%200%200%20.881%201.814l1.24%201.451a4%204%200%200%201%20.957%202.598v1.326a.75.75%200%200%201-.75.75H3.79a.75.75%200%200%201-.75-.75v-1.326a4%204%200%200%201%20.957-2.598l1.24-1.45a4%204%200%200%200%20.88-1.815z%22%2F%3E%3Cg%20filter%3D%22url(%23iOJQIAc1)%22%3E%3Cpath%20fill%3D%22url(%23iiz3VUb1)%22%20d%3D%22m7.479%2021.313l-1.563%202.125h21l-1.687-2.125z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i2e62ce1)%22%3E%3Cpath%20fill%3D%22url(%23iGddRue1)%22%20d%3D%22M16.791%209.326a2.264%202.264%200%200%201%204.464-.534l3.036%2012.52h-7.5z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ilO9Irb1%22%20x1%3D%2215.26%22%20x2%3D%2215.51%22%20y1%3D%2227.156%22%20y2%3D%2228.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.186%22%20stop-color%3D%22%23E57356%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E57356%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iEeTtRb1%22%20x1%3D%2218.467%22%20x2%3D%224.946%22%20y1%3D%2226.093%22%20y2%3D%2226.093%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FCB949%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E28C37%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22igeHHmI1%22%20x1%3D%2218.104%22%20x2%3D%2218.104%22%20y1%3D%2228.188%22%20y2%3D%2225.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D7737D%22%2F%3E%3Cstop%20offset%3D%22.302%22%20stop-color%3D%22%23FCA162%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iiz3VUb1%22%20x1%3D%226.229%22%20x2%3D%2226.291%22%20y1%3D%2223.438%22%20y2%3D%2223.438%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.277%22%20stop-color%3D%22%23F5A43C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFE154%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGddRue1%22%20x1%3D%2225.174%22%20x2%3D%2215.541%22%20y1%3D%2218.572%22%20y2%3D%2218.572%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.118%22%20stop-color%3D%22%23FFEF6D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFEF6D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iBBY4Ub1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-126.512%2016.328%2010.307)scale(2.95496%204.08094)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFC26D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F68D61%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iXky1SX1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2.875%202.875%20-4.74402%20-4.74402%2016.885%2026.718)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.441%22%20stop-color%3D%22%23EA8059%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C27068%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ioATVkd1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-2.18066%201.3125%200%2016.791%204.24)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFE957%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F7A630%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iY0SFXc1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-19.00185%2012.74995%20-12.23105%20-18.22851%2022.041%2014.625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23E69136%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.977%22%20stop-color%3D%22%23CF7D44%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22ixEkVid1%22%20width%3D%222.608%22%20height%3D%224.361%22%20x%3D%2214.796%22%20y%3D%222.06%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.87451%200%200%200%200%200.564706%200%200%200%200%200.341176%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17986%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iUejSBd1%22%20width%3D%2230.921%22%20height%3D%2223.688%22%20x%3D%22-.961%22%20y%3D%224.241%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.905882%200%200%200%200%200.392157%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17986%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.996078%200%200%200%200%200.866667%200%200%200%200%200.462745%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_17986%22%20result%3D%22effect2_innerShadow_18_17986%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.917647%200%200%200%200%200.572549%200%200%200%200%200.32549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_17986%22%20result%3D%22effect3_innerShadow_18_17986%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOJQIAc1%22%20width%3D%2225%22%20height%3D%226.125%22%20x%3D%223.916%22%20y%3D%2219.313%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17986%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i2e62ce1%22%20width%3D%2211.5%22%20height%3D%2218.25%22%20x%3D%2214.791%22%20y%3D%225.063%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_17986%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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