notification bell question mark icon
notification-bell-question-mark-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- notification-bell-question-mark-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Related icons in Mage Icons
Use the notification bell question mark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.003 15.578a7 7 0 0 0-.87-1.57a4.1 4.1 0 0 1-.89-1.88c0-2.89 0-3.87-1.58-5.76a5.8 5.8 0 0 0-1.9-1.47l-.73-.35a.3.3 0 0 1-.1-.1a.23.23 0 0 1-.05-.1a2.77 2.77 0 0 0-2.93-2.34a2.77 2.77 0 0 0-2.84 2.29a.3.3 0 0 1-.07.14a.3.3 0 0 1-.09.08l-.78.38a5.6 5.6 0 0 0-1.91 1.48c-1.57 1.88-1.57 2.86-1.57 5.75a3.84 3.84 0 0 1-.82 1.77a6.6 6.6 0 0 0-.88 1.62a2.79 2.79 0 0 0 .26 2.37a2.24 2.24 0 0 0 1.94.85h2.82q.065.404.22.78c.198.497.498.947.88 1.32c.37.38.816.677 1.31.87c.46.188.953.287 1.45.29h.16a4 4 0 0 0 2.79-1.16a4 4 0 0 0 .87-1.31q.152-.384.23-.79h2.94a2.4 2.4 0 0 0 1-.23a2.4 2.4 0 0 0 .88-.76a2.26 2.26 0 0 0 .4-1.09a2.2 2.2 0 0 0-.14-1.08m-9.07.17a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5m2.16-4.52a2.2 2.2 0 0 1-.5.72c-.222.197-.48.35-.76.45a.2.2 0 0 0-.08.08a.2.2 0 0 0-.05.13v.35a.75.75 0 0 1-1.5 0v-.38a1.8 1.8 0 0 1 .32-1a1.75 1.75 0 0 1 .81-.61a.8.8 0 0 0 .24-.14a1 1 0 0 0 .14-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0-.05-.25a1 1 0 0 0-.23-.24a.7.7 0 0 0-.35-.14a.82.82 0 0 0-.56.08a.8.8 0 0 0-.38.39a.752.752 0 1 1-1.37-.62a2.38 2.38 0 0 1 1.05-1.1a2.34 2.34 0 0 1 1.51-.23c.358.055.7.188 1 .39c.292.214.531.49.7.81a2 2 0 0 1 .21.88c.014.301-.037.601-.15.88"/></svg>
React
import type { SVGProps } from "react";
export function MageNotificationBellQuestionMarkFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.003 15.578a7 7 0 0 0-.87-1.57a4.1 4.1 0 0 1-.89-1.88c0-2.89 0-3.87-1.58-5.76a5.8 5.8 0 0 0-1.9-1.47l-.73-.35a.3.3 0 0 1-.1-.1a.23.23 0 0 1-.05-.1a2.77 2.77 0 0 0-2.93-2.34a2.77 2.77 0 0 0-2.84 2.29a.3.3 0 0 1-.07.14a.3.3 0 0 1-.09.08l-.78.38a5.6 5.6 0 0 0-1.91 1.48c-1.57 1.88-1.57 2.86-1.57 5.75a3.84 3.84 0 0 1-.82 1.77a6.6 6.6 0 0 0-.88 1.62a2.79 2.79 0 0 0 .26 2.37a2.24 2.24 0 0 0 1.94.85h2.82q.065.404.22.78c.198.497.498.947.88 1.32c.37.38.816.677 1.31.87c.46.188.953.287 1.45.29h.16a4 4 0 0 0 2.79-1.16a4 4 0 0 0 .87-1.31q.152-.384.23-.79h2.94a2.4 2.4 0 0 0 1-.23a2.4 2.4 0 0 0 .88-.76a2.26 2.26 0 0 0 .4-1.09a2.2 2.2 0 0 0-.14-1.08m-9.07.17a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5m2.16-4.52a2.2 2.2 0 0 1-.5.72c-.222.197-.48.35-.76.45a.2.2 0 0 0-.08.08a.2.2 0 0 0-.05.13v.35a.75.75 0 0 1-1.5 0v-.38a1.8 1.8 0 0 1 .32-1a1.75 1.75 0 0 1 .81-.61a.8.8 0 0 0 .24-.14a1 1 0 0 0 .14-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0-.05-.25a1 1 0 0 0-.23-.24a.7.7 0 0 0-.35-.14a.82.82 0 0 0-.56.08a.8.8 0 0 0-.38.39a.752.752 0 1 1-1.37-.62a2.38 2.38 0 0 1 1.05-1.1a2.34 2.34 0 0 1 1.51-.23c.358.055.7.188 1 .39c.292.214.531.49.7.81a2 2 0 0 1 .21.88c.014.301-.037.601-.15.88"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.003 15.578a7 7 0 0 0-.87-1.57a4.1 4.1 0 0 1-.89-1.88c0-2.89 0-3.87-1.58-5.76a5.8 5.8 0 0 0-1.9-1.47l-.73-.35a.3.3 0 0 1-.1-.1a.23.23 0 0 1-.05-.1a2.77 2.77 0 0 0-2.93-2.34a2.77 2.77 0 0 0-2.84 2.29a.3.3 0 0 1-.07.14a.3.3 0 0 1-.09.08l-.78.38a5.6 5.6 0 0 0-1.91 1.48c-1.57 1.88-1.57 2.86-1.57 5.75a3.84 3.84 0 0 1-.82 1.77a6.6 6.6 0 0 0-.88 1.62a2.79 2.79 0 0 0 .26 2.37a2.24 2.24 0 0 0 1.94.85h2.82q.065.404.22.78c.198.497.498.947.88 1.32c.37.38.816.677 1.31.87c.46.188.953.287 1.45.29h.16a4 4 0 0 0 2.79-1.16a4 4 0 0 0 .87-1.31q.152-.384.23-.79h2.94a2.4 2.4 0 0 0 1-.23a2.4 2.4 0 0 0 .88-.76a2.26 2.26 0 0 0 .4-1.09a2.2 2.2 0 0 0-.14-1.08m-9.07.17a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5m2.16-4.52a2.2 2.2 0 0 1-.5.72c-.222.197-.48.35-.76.45a.2.2 0 0 0-.08.08a.2.2 0 0 0-.05.13v.35a.75.75 0 0 1-1.5 0v-.38a1.8 1.8 0 0 1 .32-1a1.75 1.75 0 0 1 .81-.61a.8.8 0 0 0 .24-.14a1 1 0 0 0 .14-.2a.5.5 0 0 0 0-.25a.7.7 0 0 0-.05-.25a1 1 0 0 0-.23-.24a.7.7 0 0 0-.35-.14a.82.82 0 0 0-.56.08a.8.8 0 0 0-.38.39a.752.752 0 1 1-1.37-.62a2.38 2.38 0 0 1 1.05-1.1a2.34 2.34 0 0 1 1.51-.23c.358.055.7.188 1 .39c.292.214.531.49.7.81a2 2 0 0 1 .21.88c.014.301-.037.601-.15.88"/></svg> </template>
CSS
.icon-notification-bell-question-mark-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.003%2015.578a7%207%200%200%200-.87-1.57a4.1%204.1%200%200%201-.89-1.88c0-2.89%200-3.87-1.58-5.76a5.8%205.8%200%200%200-1.9-1.47l-.73-.35a.3.3%200%200%201-.1-.1a.23.23%200%200%201-.05-.1a2.77%202.77%200%200%200-2.93-2.34a2.77%202.77%200%200%200-2.84%202.29a.3.3%200%200%201-.07.14a.3.3%200%200%201-.09.08l-.78.38a5.6%205.6%200%200%200-1.91%201.48c-1.57%201.88-1.57%202.86-1.57%205.75a3.84%203.84%200%200%201-.82%201.77a6.6%206.6%200%200%200-.88%201.62a2.79%202.79%200%200%200%20.26%202.37a2.24%202.24%200%200%200%201.94.85h2.82q.065.404.22.78c.198.497.498.947.88%201.32c.37.38.816.677%201.31.87c.46.188.953.287%201.45.29h.16a4%204%200%200%200%202.79-1.16a4%204%200%200%200%20.87-1.31q.152-.384.23-.79h2.94a2.4%202.4%200%200%200%201-.23a2.4%202.4%200%200%200%20.88-.76a2.26%202.26%200%200%200%20.4-1.09a2.2%202.2%200%200%200-.14-1.08m-9.07.17a.75.75%200%201%201%200-1.5a.75.75%200%200%201%200%201.5m2.16-4.52a2.2%202.2%200%200%201-.5.72c-.222.197-.48.35-.76.45a.2.2%200%200%200-.08.08a.2.2%200%200%200-.05.13v.35a.75.75%200%200%201-1.5%200v-.38a1.8%201.8%200%200%201%20.32-1a1.75%201.75%200%200%201%20.81-.61a.8.8%200%200%200%20.24-.14a1%201%200%200%200%20.14-.2a.5.5%200%200%200%200-.25a.7.7%200%200%200-.05-.25a1%201%200%200%200-.23-.24a.7.7%200%200%200-.35-.14a.82.82%200%200%200-.56.08a.8.8%200%200%200-.38.39a.752.752%200%201%201-1.37-.62a2.38%202.38%200%200%201%201.05-1.1a2.34%202.34%200%200%201%201.51-.23c.358.055.7.188%201%20.39c.292.214.531.49.7.81a2%202%200%200%201%20.21.88c.014.301-.037.601-.15.88%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.003%2015.578a7%207%200%200%200-.87-1.57a4.1%204.1%200%200%201-.89-1.88c0-2.89%200-3.87-1.58-5.76a5.8%205.8%200%200%200-1.9-1.47l-.73-.35a.3.3%200%200%201-.1-.1a.23.23%200%200%201-.05-.1a2.77%202.77%200%200%200-2.93-2.34a2.77%202.77%200%200%200-2.84%202.29a.3.3%200%200%201-.07.14a.3.3%200%200%201-.09.08l-.78.38a5.6%205.6%200%200%200-1.91%201.48c-1.57%201.88-1.57%202.86-1.57%205.75a3.84%203.84%200%200%201-.82%201.77a6.6%206.6%200%200%200-.88%201.62a2.79%202.79%200%200%200%20.26%202.37a2.24%202.24%200%200%200%201.94.85h2.82q.065.404.22.78c.198.497.498.947.88%201.32c.37.38.816.677%201.31.87c.46.188.953.287%201.45.29h.16a4%204%200%200%200%202.79-1.16a4%204%200%200%200%20.87-1.31q.152-.384.23-.79h2.94a2.4%202.4%200%200%200%201-.23a2.4%202.4%200%200%200%20.88-.76a2.26%202.26%200%200%200%20.4-1.09a2.2%202.2%200%200%200-.14-1.08m-9.07.17a.75.75%200%201%201%200-1.5a.75.75%200%200%201%200%201.5m2.16-4.52a2.2%202.2%200%200%201-.5.72c-.222.197-.48.35-.76.45a.2.2%200%200%200-.08.08a.2.2%200%200%200-.05.13v.35a.75.75%200%200%201-1.5%200v-.38a1.8%201.8%200%200%201%20.32-1a1.75%201.75%200%200%201%20.81-.61a.8.8%200%200%200%20.24-.14a1%201%200%200%200%20.14-.2a.5.5%200%200%200%200-.25a.7.7%200%200%200-.05-.25a1%201%200%200%200-.23-.24a.7.7%200%200%200-.35-.14a.82.82%200%200%200-.56.08a.8.8%200%200%200-.38.39a.752.752%200%201%201-1.37-.62a2.38%202.38%200%200%201%201.05-1.1a2.34%202.34%200%200%201%201.51-.23c.358.055.7.188%201%20.39c.292.214.531.49.7.81a2%202%200%200%201%20.21.88c.014.301-.037.601-.15.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/notification-bell-question-mark-fill.svg?color=%231a73e8&size=48
