notification bing icon
notification-bing-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- notification-bing-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the notification bing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.19 14.06l-1.13-1.88c-.25-.41-.47-1.2-.47-1.68V8.63c0-3.63-2.95-6.58-6.57-6.58C8.39 2.06 5.44 5 5.44 8.63v1.86c0 .48-.22 1.27-.46 1.68l-1.13 1.88c-.43.73-.53 1.56-.26 2.28c.27.73.88 1.31 1.68 1.57c1.08.36 2.17.62 3.28.81c.11.02.22.03.33.05l.44.06c.26.04.52.07.79.09a20 20 0 0 0 3.79 0c.23-.02.46-.04.68-.07c.18-.02.36-.04.54-.07c.11-.01.22-.03.33-.05c1.12-.18 2.23-.46 3.31-.82a2.65 2.65 0 0 0 1.64-1.58c.28-.75.2-1.57-.21-2.26M12.75 10a.76.76 0 1 1-1.52 0V6.9a.76.76 0 1 1 1.52 0zm2.08 10.01A3.01 3.01 0 0 1 12 22c-.79 0-1.57-.32-2.12-.89c-.32-.3-.56-.7-.7-1.11c.13.02.26.03.4.05c.23.03.47.06.71.08c.57.05 1.15.08 1.73.08c.57 0 1.14-.03 1.7-.08c.21-.02.42-.03.62-.06z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconNotificationBingFilled(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="m20.19 14.06l-1.13-1.88c-.25-.41-.47-1.2-.47-1.68V8.63c0-3.63-2.95-6.58-6.57-6.58C8.39 2.06 5.44 5 5.44 8.63v1.86c0 .48-.22 1.27-.46 1.68l-1.13 1.88c-.43.73-.53 1.56-.26 2.28c.27.73.88 1.31 1.68 1.57c1.08.36 2.17.62 3.28.81c.11.02.22.03.33.05l.44.06c.26.04.52.07.79.09a20 20 0 0 0 3.79 0c.23-.02.46-.04.68-.07c.18-.02.36-.04.54-.07c.11-.01.22-.03.33-.05c1.12-.18 2.23-.46 3.31-.82a2.65 2.65 0 0 0 1.64-1.58c.28-.75.2-1.57-.21-2.26M12.75 10a.76.76 0 1 1-1.52 0V6.9a.76.76 0 1 1 1.52 0zm2.08 10.01A3.01 3.01 0 0 1 12 22c-.79 0-1.57-.32-2.12-.89c-.32-.3-.56-.7-.7-1.11c.13.02.26.03.4.05c.23.03.47.06.71.08c.57.05 1.15.08 1.73.08c.57 0 1.14-.03 1.7-.08c.21-.02.42-.03.62-.06z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.19 14.06l-1.13-1.88c-.25-.41-.47-1.2-.47-1.68V8.63c0-3.63-2.95-6.58-6.57-6.58C8.39 2.06 5.44 5 5.44 8.63v1.86c0 .48-.22 1.27-.46 1.68l-1.13 1.88c-.43.73-.53 1.56-.26 2.28c.27.73.88 1.31 1.68 1.57c1.08.36 2.17.62 3.28.81c.11.02.22.03.33.05l.44.06c.26.04.52.07.79.09a20 20 0 0 0 3.79 0c.23-.02.46-.04.68-.07c.18-.02.36-.04.54-.07c.11-.01.22-.03.33-.05c1.12-.18 2.23-.46 3.31-.82a2.65 2.65 0 0 0 1.64-1.58c.28-.75.2-1.57-.21-2.26M12.75 10a.76.76 0 1 1-1.52 0V6.9a.76.76 0 1 1 1.52 0zm2.08 10.01A3.01 3.01 0 0 1 12 22c-.79 0-1.57-.32-2.12-.89c-.32-.3-.56-.7-.7-1.11c.13.02.26.03.4.05c.23.03.47.06.71.08c.57.05 1.15.08 1.73.08c.57 0 1.14-.03 1.7-.08c.21-.02.42-.03.62-.06z"/></svg> </template>
CSS
.icon-notification-bing-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.19%2014.06l-1.13-1.88c-.25-.41-.47-1.2-.47-1.68V8.63c0-3.63-2.95-6.58-6.57-6.58C8.39%202.06%205.44%205%205.44%208.63v1.86c0%20.48-.22%201.27-.46%201.68l-1.13%201.88c-.43.73-.53%201.56-.26%202.28c.27.73.88%201.31%201.68%201.57c1.08.36%202.17.62%203.28.81c.11.02.22.03.33.05l.44.06c.26.04.52.07.79.09a20%2020%200%200%200%203.79%200c.23-.02.46-.04.68-.07c.18-.02.36-.04.54-.07c.11-.01.22-.03.33-.05c1.12-.18%202.23-.46%203.31-.82a2.65%202.65%200%200%200%201.64-1.58c.28-.75.2-1.57-.21-2.26M12.75%2010a.76.76%200%201%201-1.52%200V6.9a.76.76%200%201%201%201.52%200zm2.08%2010.01A3.01%203.01%200%200%201%2012%2022c-.79%200-1.57-.32-2.12-.89c-.32-.3-.56-.7-.7-1.11c.13.02.26.03.4.05c.23.03.47.06.71.08c.57.05%201.15.08%201.73.08c.57%200%201.14-.03%201.7-.08c.21-.02.42-.03.62-.06z%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%22m20.19%2014.06l-1.13-1.88c-.25-.41-.47-1.2-.47-1.68V8.63c0-3.63-2.95-6.58-6.57-6.58C8.39%202.06%205.44%205%205.44%208.63v1.86c0%20.48-.22%201.27-.46%201.68l-1.13%201.88c-.43.73-.53%201.56-.26%202.28c.27.73.88%201.31%201.68%201.57c1.08.36%202.17.62%203.28.81c.11.02.22.03.33.05l.44.06c.26.04.52.07.79.09a20%2020%200%200%200%203.79%200c.23-.02.46-.04.68-.07c.18-.02.36-.04.54-.07c.11-.01.22-.03.33-.05c1.12-.18%202.23-.46%203.31-.82a2.65%202.65%200%200%200%201.64-1.58c.28-.75.2-1.57-.21-2.26M12.75%2010a.76.76%200%201%201-1.52%200V6.9a.76.76%200%201%201%201.52%200zm2.08%2010.01A3.01%203.01%200%200%201%2012%2022c-.79%200-1.57-.32-2.12-.89c-.32-.3-.56-.7-.7-1.11c.13.02.26.03.4.05c.23.03.47.06.71.08c.57.05%201.15.08%201.73.08c.57%200%201.14-.03%201.7-.08c.21-.02.42-.03.62-.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/notification-bing-filled.svg?color=%231a73e8&size=48
