bell active icon
bell-active-solid from Flowbite Icons by Themesberg · Solid · General · MIT Free for personal and commercial use.
- Name
- bell-active-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
More general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineatom-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outlinebookmark-outline
Use the bell active icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.209 3.816a1 1 0 0 0-1.966.368l.325 1.74a5.34 5.34 0 0 0-2.8 5.762l.276 1.473l.055.296c.258 1.374-.228 2.262-.63 2.998c-.285.52-.527.964-.437 1.449c.11.586.22 1.173.75 1.074l12.7-2.377c.528-.1.418-.685.308-1.27c-.103-.564-.636-1.123-1.195-1.711c-.606-.636-1.243-1.306-1.404-2.051c-.233-1.085-.275-1.387-.303-1.587c-.009-.063-.016-.117-.028-.182a5.34 5.34 0 0 0-5.353-4.39z"/><path fill-rule="evenodd" d="M6.539 4.278a1 1 0 0 1 .07 1.412c-1.115 1.23-1.705 2.605-1.83 4.26a1 1 0 0 1-1.995-.15c.16-2.099.929-3.893 2.342-5.453a1 1 0 0 1 1.413-.069" clip-rule="evenodd"/><path d="M8.95 19.7c.7.8 1.7 1.3 2.8 1.3c1.6 0 2.9-1.1 3.3-2.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function FlowbiteBellActiveSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.209 3.816a1 1 0 0 0-1.966.368l.325 1.74a5.34 5.34 0 0 0-2.8 5.762l.276 1.473l.055.296c.258 1.374-.228 2.262-.63 2.998c-.285.52-.527.964-.437 1.449c.11.586.22 1.173.75 1.074l12.7-2.377c.528-.1.418-.685.308-1.27c-.103-.564-.636-1.123-1.195-1.711c-.606-.636-1.243-1.306-1.404-2.051c-.233-1.085-.275-1.387-.303-1.587c-.009-.063-.016-.117-.028-.182a5.34 5.34 0 0 0-5.353-4.39z"/><path fillRule="evenodd" d="M6.539 4.278a1 1 0 0 1 .07 1.412c-1.115 1.23-1.705 2.605-1.83 4.26a1 1 0 0 1-1.995-.15c.16-2.099.929-3.893 2.342-5.453a1 1 0 0 1 1.413-.069" clipRule="evenodd"/><path d="M8.95 19.7c.7.8 1.7 1.3 2.8 1.3c1.6 0 2.9-1.1 3.3-2.5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.209 3.816a1 1 0 0 0-1.966.368l.325 1.74a5.34 5.34 0 0 0-2.8 5.762l.276 1.473l.055.296c.258 1.374-.228 2.262-.63 2.998c-.285.52-.527.964-.437 1.449c.11.586.22 1.173.75 1.074l12.7-2.377c.528-.1.418-.685.308-1.27c-.103-.564-.636-1.123-1.195-1.711c-.606-.636-1.243-1.306-1.404-2.051c-.233-1.085-.275-1.387-.303-1.587c-.009-.063-.016-.117-.028-.182a5.34 5.34 0 0 0-5.353-4.39z"/><path fill-rule="evenodd" d="M6.539 4.278a1 1 0 0 1 .07 1.412c-1.115 1.23-1.705 2.605-1.83 4.26a1 1 0 0 1-1.995-.15c.16-2.099.929-3.893 2.342-5.453a1 1 0 0 1 1.413-.069" clip-rule="evenodd"/><path d="M8.95 19.7c.7.8 1.7 1.3 2.8 1.3c1.6 0 2.9-1.1 3.3-2.5z"/></g></svg> </template>
CSS
.icon-bell-active-solid {
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%22currentColor%22%3E%3Cpath%20d%3D%22M11.209%203.816a1%201%200%200%200-1.966.368l.325%201.74a5.34%205.34%200%200%200-2.8%205.762l.276%201.473l.055.296c.258%201.374-.228%202.262-.63%202.998c-.285.52-.527.964-.437%201.449c.11.586.22%201.173.75%201.074l12.7-2.377c.528-.1.418-.685.308-1.27c-.103-.564-.636-1.123-1.195-1.711c-.606-.636-1.243-1.306-1.404-2.051c-.233-1.085-.275-1.387-.303-1.587c-.009-.063-.016-.117-.028-.182a5.34%205.34%200%200%200-5.353-4.39z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.539%204.278a1%201%200%200%201%20.07%201.412c-1.115%201.23-1.705%202.605-1.83%204.26a1%201%200%200%201-1.995-.15c.16-2.099.929-3.893%202.342-5.453a1%201%200%200%201%201.413-.069%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.95%2019.7c.7.8%201.7%201.3%202.8%201.3c1.6%200%202.9-1.1%203.3-2.5z%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%22currentColor%22%3E%3Cpath%20d%3D%22M11.209%203.816a1%201%200%200%200-1.966.368l.325%201.74a5.34%205.34%200%200%200-2.8%205.762l.276%201.473l.055.296c.258%201.374-.228%202.262-.63%202.998c-.285.52-.527.964-.437%201.449c.11.586.22%201.173.75%201.074l12.7-2.377c.528-.1.418-.685.308-1.27c-.103-.564-.636-1.123-1.195-1.711c-.606-.636-1.243-1.306-1.404-2.051c-.233-1.085-.275-1.387-.303-1.587c-.009-.063-.016-.117-.028-.182a5.34%205.34%200%200%200-5.353-4.39z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.539%204.278a1%201%200%200%201%20.07%201.412c-1.115%201.23-1.705%202.605-1.83%204.26a1%201%200%200%201-1.995-.15c.16-2.099.929-3.893%202.342-5.453a1%201%200%200%201%201.413-.069%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.95%2019.7c.7.8%201.7%201.3%202.8%201.3c1.6%200%202.9-1.1%203.3-2.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/bell-active-solid.svg?color=%231a73e8&size=48
