direct notification icon
direct-notification-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- direct-notification-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the direct notification icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m1.34 4.72h-3.31c-.93 0-1.76.52-2.18 1.34l-.8 1.58c-.19.38-.57.61-.99.61H9.95c-.29 0-.72-.06-.99-.62l-.79-1.57a2.43 2.43 0 0 0-2.18-1.35H2.66c-.36.01-.66.31-.66.67v3.09C2 19.94 4.07 22 7.53 22h7.96c3.26 0 5.27-1.79 5.51-4.96v-3.66c0-.36-.3-.66-.66-.66"/><path d="M21 10.4v.93c-.21-.07-.43-.11-.66-.11h-3.31c-1.5 0-2.85.83-3.51 2.17l-.7 1.37h-2.63l-.68-1.36a3.91 3.91 0 0 0-3.52-2.18H2.66c-.23 0-.45.04-.66.11V8.52C2 5.47 4.47 3 7.52 3h6.08a1 1 0 0 1 .98 1.2c-.16.8-.09 1.67.3 2.59a4.5 4.5 0 0 0 2.33 2.33c.92.39 1.79.46 2.59.3a1 1 0 0 1 1.2.98"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDirectNotificationFilled(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="M19 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m1.34 4.72h-3.31c-.93 0-1.76.52-2.18 1.34l-.8 1.58c-.19.38-.57.61-.99.61H9.95c-.29 0-.72-.06-.99-.62l-.79-1.57a2.43 2.43 0 0 0-2.18-1.35H2.66c-.36.01-.66.31-.66.67v3.09C2 19.94 4.07 22 7.53 22h7.96c3.26 0 5.27-1.79 5.51-4.96v-3.66c0-.36-.3-.66-.66-.66"/><path d="M21 10.4v.93c-.21-.07-.43-.11-.66-.11h-3.31c-1.5 0-2.85.83-3.51 2.17l-.7 1.37h-2.63l-.68-1.36a3.91 3.91 0 0 0-3.52-2.18H2.66c-.23 0-.45.04-.66.11V8.52C2 5.47 4.47 3 7.52 3h6.08a1 1 0 0 1 .98 1.2c-.16.8-.09 1.67.3 2.59a4.5 4.5 0 0 0 2.33 2.33c.92.39 1.79.46 2.59.3a1 1 0 0 1 1.2.98"/></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="M19 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m1.34 4.72h-3.31c-.93 0-1.76.52-2.18 1.34l-.8 1.58c-.19.38-.57.61-.99.61H9.95c-.29 0-.72-.06-.99-.62l-.79-1.57a2.43 2.43 0 0 0-2.18-1.35H2.66c-.36.01-.66.31-.66.67v3.09C2 19.94 4.07 22 7.53 22h7.96c3.26 0 5.27-1.79 5.51-4.96v-3.66c0-.36-.3-.66-.66-.66"/><path d="M21 10.4v.93c-.21-.07-.43-.11-.66-.11h-3.31c-1.5 0-2.85.83-3.51 2.17l-.7 1.37h-2.63l-.68-1.36a3.91 3.91 0 0 0-3.52-2.18H2.66c-.23 0-.45.04-.66.11V8.52C2 5.47 4.47 3 7.52 3h6.08a1 1 0 0 1 .98 1.2c-.16.8-.09 1.67.3 2.59a4.5 4.5 0 0 0 2.33 2.33c.92.39 1.79.46 2.59.3a1 1 0 0 1 1.2.98"/></g></svg> </template>
CSS
.icon-direct-notification-filled {
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%22M19%208a3%203%200%201%200%200-6a3%203%200%200%200%200%206m1.34%204.72h-3.31c-.93%200-1.76.52-2.18%201.34l-.8%201.58c-.19.38-.57.61-.99.61H9.95c-.29%200-.72-.06-.99-.62l-.79-1.57a2.43%202.43%200%200%200-2.18-1.35H2.66c-.36.01-.66.31-.66.67v3.09C2%2019.94%204.07%2022%207.53%2022h7.96c3.26%200%205.27-1.79%205.51-4.96v-3.66c0-.36-.3-.66-.66-.66%22%2F%3E%3Cpath%20d%3D%22M21%2010.4v.93c-.21-.07-.43-.11-.66-.11h-3.31c-1.5%200-2.85.83-3.51%202.17l-.7%201.37h-2.63l-.68-1.36a3.91%203.91%200%200%200-3.52-2.18H2.66c-.23%200-.45.04-.66.11V8.52C2%205.47%204.47%203%207.52%203h6.08a1%201%200%200%201%20.98%201.2c-.16.8-.09%201.67.3%202.59a4.5%204.5%200%200%200%202.33%202.33c.92.39%201.79.46%202.59.3a1%201%200%200%201%201.2.98%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%22M19%208a3%203%200%201%200%200-6a3%203%200%200%200%200%206m1.34%204.72h-3.31c-.93%200-1.76.52-2.18%201.34l-.8%201.58c-.19.38-.57.61-.99.61H9.95c-.29%200-.72-.06-.99-.62l-.79-1.57a2.43%202.43%200%200%200-2.18-1.35H2.66c-.36.01-.66.31-.66.67v3.09C2%2019.94%204.07%2022%207.53%2022h7.96c3.26%200%205.27-1.79%205.51-4.96v-3.66c0-.36-.3-.66-.66-.66%22%2F%3E%3Cpath%20d%3D%22M21%2010.4v.93c-.21-.07-.43-.11-.66-.11h-3.31c-1.5%200-2.85.83-3.51%202.17l-.7%201.37h-2.63l-.68-1.36a3.91%203.91%200%200%200-3.52-2.18H2.66c-.23%200-.45.04-.66.11V8.52C2%205.47%204.47%203%207.52%203h6.08a1%201%200%200%201%20.98%201.2c-.16.8-.09%201.67.3%202.59a4.5%204.5%200%200%200%202.33%202.33c.92.39%201.79.46%202.59.3a1%201%200%200%201%201.2.98%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/direct-notification-filled.svg?color=%231a73e8&size=48
