meet now icon
meet-now-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- meet-now-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
Use the meet now icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14 3.5c-2.18 0-3.811.306-4.81.569c-.387.102-.68.197-.87.265a6 6 0 0 0-.258.098l-.008.004a.75.75 0 0 1-.608-1.371s.242-.097.004-.002l.007-.003l.021-.01l.073-.03l.265-.1c.23-.08.562-.189.994-.302C9.919 2.326 11.68 2 14 2s4.081.326 5.19.618c.432.113.765.221.994.303a7 7 0 0 1 .338.13l.022.009l.006.003h.003v.001a.75.75 0 0 1-.606 1.372h-.001l-.008-.004l-.047-.02a6 6 0 0 0-.21-.078a11 11 0 0 0-.871-.265C17.812 3.806 16.18 3.5 14 3.5M4 9.75A2.75 2.75 0 0 1 6.75 7h8.5A2.75 2.75 0 0 1 18 9.75v8.5A2.75 2.75 0 0 1 15.25 21h-8.5A2.75 2.75 0 0 1 4 18.25zm15 6.73l3.396 3.18c.798.747 2.104.18 2.104-.913V9.253c0-1.094-1.306-1.66-2.104-.912L19 11.52zm-9.81 7.45c.999.263 2.63.569 4.81.569s3.812-.306 4.81-.569c.388-.102.68-.197.871-.265q.144-.051.21-.079l.047-.02l.008-.002l.001-.001a.75.75 0 0 1 .607 1.372h-.001l-.003.001l-.006.003l-.022.01l-.073.03q-.093.037-.265.1c-.23.08-.562.189-.993.302c-1.11.292-2.87.618-5.19.618c-2.322 0-4.082-.326-5.191-.618a12 12 0 0 1-.994-.303a7 7 0 0 1-.338-.13l-.021-.009l-.007-.003l-.004-.002a.75.75 0 0 1 .609-1.37l.007.003l.047.02l.21.078c.191.068.484.163.872.265"/></svg>
React
import type { SVGProps } from "react";
export function FluentMeetNow28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14 3.5c-2.18 0-3.811.306-4.81.569c-.387.102-.68.197-.87.265a6 6 0 0 0-.258.098l-.008.004a.75.75 0 0 1-.608-1.371s.242-.097.004-.002l.007-.003l.021-.01l.073-.03l.265-.1c.23-.08.562-.189.994-.302C9.919 2.326 11.68 2 14 2s4.081.326 5.19.618c.432.113.765.221.994.303a7 7 0 0 1 .338.13l.022.009l.006.003h.003v.001a.75.75 0 0 1-.606 1.372h-.001l-.008-.004l-.047-.02a6 6 0 0 0-.21-.078a11 11 0 0 0-.871-.265C17.812 3.806 16.18 3.5 14 3.5M4 9.75A2.75 2.75 0 0 1 6.75 7h8.5A2.75 2.75 0 0 1 18 9.75v8.5A2.75 2.75 0 0 1 15.25 21h-8.5A2.75 2.75 0 0 1 4 18.25zm15 6.73l3.396 3.18c.798.747 2.104.18 2.104-.913V9.253c0-1.094-1.306-1.66-2.104-.912L19 11.52zm-9.81 7.45c.999.263 2.63.569 4.81.569s3.812-.306 4.81-.569c.388-.102.68-.197.871-.265q.144-.051.21-.079l.047-.02l.008-.002l.001-.001a.75.75 0 0 1 .607 1.372h-.001l-.003.001l-.006.003l-.022.01l-.073.03q-.093.037-.265.1c-.23.08-.562.189-.993.302c-1.11.292-2.87.618-5.19.618c-2.322 0-4.082-.326-5.191-.618a12 12 0 0 1-.994-.303a7 7 0 0 1-.338-.13l-.021-.009l-.007-.003l-.004-.002a.75.75 0 0 1 .609-1.37l.007.003l.047.02l.21.078c.191.068.484.163.872.265"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14 3.5c-2.18 0-3.811.306-4.81.569c-.387.102-.68.197-.87.265a6 6 0 0 0-.258.098l-.008.004a.75.75 0 0 1-.608-1.371s.242-.097.004-.002l.007-.003l.021-.01l.073-.03l.265-.1c.23-.08.562-.189.994-.302C9.919 2.326 11.68 2 14 2s4.081.326 5.19.618c.432.113.765.221.994.303a7 7 0 0 1 .338.13l.022.009l.006.003h.003v.001a.75.75 0 0 1-.606 1.372h-.001l-.008-.004l-.047-.02a6 6 0 0 0-.21-.078a11 11 0 0 0-.871-.265C17.812 3.806 16.18 3.5 14 3.5M4 9.75A2.75 2.75 0 0 1 6.75 7h8.5A2.75 2.75 0 0 1 18 9.75v8.5A2.75 2.75 0 0 1 15.25 21h-8.5A2.75 2.75 0 0 1 4 18.25zm15 6.73l3.396 3.18c.798.747 2.104.18 2.104-.913V9.253c0-1.094-1.306-1.66-2.104-.912L19 11.52zm-9.81 7.45c.999.263 2.63.569 4.81.569s3.812-.306 4.81-.569c.388-.102.68-.197.871-.265q.144-.051.21-.079l.047-.02l.008-.002l.001-.001a.75.75 0 0 1 .607 1.372h-.001l-.003.001l-.006.003l-.022.01l-.073.03q-.093.037-.265.1c-.23.08-.562.189-.993.302c-1.11.292-2.87.618-5.19.618c-2.322 0-4.082-.326-5.191-.618a12 12 0 0 1-.994-.303a7 7 0 0 1-.338-.13l-.021-.009l-.007-.003l-.004-.002a.75.75 0 0 1 .609-1.37l.007.003l.047.02l.21.078c.191.068.484.163.872.265"/></svg> </template>
CSS
.icon-meet-now-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%203.5c-2.18%200-3.811.306-4.81.569c-.387.102-.68.197-.87.265a6%206%200%200%200-.258.098l-.008.004a.75.75%200%200%201-.608-1.371s.242-.097.004-.002l.007-.003l.021-.01l.073-.03l.265-.1c.23-.08.562-.189.994-.302C9.919%202.326%2011.68%202%2014%202s4.081.326%205.19.618c.432.113.765.221.994.303a7%207%200%200%201%20.338.13l.022.009l.006.003h.003v.001a.75.75%200%200%201-.606%201.372h-.001l-.008-.004l-.047-.02a6%206%200%200%200-.21-.078a11%2011%200%200%200-.871-.265C17.812%203.806%2016.18%203.5%2014%203.5M4%209.75A2.75%202.75%200%200%201%206.75%207h8.5A2.75%202.75%200%200%201%2018%209.75v8.5A2.75%202.75%200%200%201%2015.25%2021h-8.5A2.75%202.75%200%200%201%204%2018.25zm15%206.73l3.396%203.18c.798.747%202.104.18%202.104-.913V9.253c0-1.094-1.306-1.66-2.104-.912L19%2011.52zm-9.81%207.45c.999.263%202.63.569%204.81.569s3.812-.306%204.81-.569c.388-.102.68-.197.871-.265q.144-.051.21-.079l.047-.02l.008-.002l.001-.001a.75.75%200%200%201%20.607%201.372h-.001l-.003.001l-.006.003l-.022.01l-.073.03q-.093.037-.265.1c-.23.08-.562.189-.993.302c-1.11.292-2.87.618-5.19.618c-2.322%200-4.082-.326-5.191-.618a12%2012%200%200%201-.994-.303a7%207%200%200%201-.338-.13l-.021-.009l-.007-.003l-.004-.002a.75.75%200%200%201%20.609-1.37l.007.003l.047.02l.21.078c.191.068.484.163.872.265%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%203.5c-2.18%200-3.811.306-4.81.569c-.387.102-.68.197-.87.265a6%206%200%200%200-.258.098l-.008.004a.75.75%200%200%201-.608-1.371s.242-.097.004-.002l.007-.003l.021-.01l.073-.03l.265-.1c.23-.08.562-.189.994-.302C9.919%202.326%2011.68%202%2014%202s4.081.326%205.19.618c.432.113.765.221.994.303a7%207%200%200%201%20.338.13l.022.009l.006.003h.003v.001a.75.75%200%200%201-.606%201.372h-.001l-.008-.004l-.047-.02a6%206%200%200%200-.21-.078a11%2011%200%200%200-.871-.265C17.812%203.806%2016.18%203.5%2014%203.5M4%209.75A2.75%202.75%200%200%201%206.75%207h8.5A2.75%202.75%200%200%201%2018%209.75v8.5A2.75%202.75%200%200%201%2015.25%2021h-8.5A2.75%202.75%200%200%201%204%2018.25zm15%206.73l3.396%203.18c.798.747%202.104.18%202.104-.913V9.253c0-1.094-1.306-1.66-2.104-.912L19%2011.52zm-9.81%207.45c.999.263%202.63.569%204.81.569s3.812-.306%204.81-.569c.388-.102.68-.197.871-.265q.144-.051.21-.079l.047-.02l.008-.002l.001-.001a.75.75%200%200%201%20.607%201.372h-.001l-.003.001l-.006.003l-.022.01l-.073.03q-.093.037-.265.1c-.23.08-.562.189-.993.302c-1.11.292-2.87.618-5.19.618c-2.322%200-4.082-.326-5.191-.618a12%2012%200%200%201-.994-.303a7%207%200%200%201-.338-.13l-.021-.009l-.007-.003l-.004-.002a.75.75%200%200%201%20.609-1.37l.007.003l.047.02l.21.078c.191.068.484.163.872.265%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/meet-now-28-filled.svg?color=%231a73e8&size=48
