Meet Now icon

Use the Meet Now icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { MeetNow24Regular, MeetNow24Filled } from "@fluentui/react-icons";

export function Example() {
  return <MeetNow24Regular aria-label="Meet Now" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_meet_now_24_regular.svg" width="24" height="24" alt="Meet Now">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 6.50002C5.50736 6.50002 4.5 7.50737 4.5 8.75002V15.25C4.5 16.4927 5.50736 17.5 6.75 17.5H13.25C14.4926 17.5 15.5 16.4927 15.5 15.25V14.5247L18.8858 16.4056C19.1181 16.5347 19.4013 16.5312 19.6303 16.3964C19.8594 16.2617 20 16.0158 20 15.75V8.25467C20 7.98903 19.8595 7.74322 19.6306 7.60841C19.4017 7.47361 19.1186 7.46994 18.8863 7.59876L15.5 9.47653V8.75002C15.5 7.50737 14.4926 6.50002 13.25 6.50002H6.75ZM15.5 11.1917L18.5 9.52815V14.4754L15.5 12.8087V11.1917ZM14 8.75002V15.25C14 15.6642 13.6642 16 13.25 16H6.75C6.33579 16 6 15.6642 6 15.25V8.75002C6 8.3358 6.33579 8.00002 6.75 8.00002H13.25C13.6642 8.00002 14 8.3358 14 8.75002ZM6.41628 20.9217L6.4179 20.9225L6.42071 20.9239L6.42854 20.9277L6.45302 20.9394C6.47323 20.9489 6.5012 20.9619 6.53675 20.9778C6.60784 21.0095 6.70928 21.0528 6.83961 21.1039C7.10019 21.206 7.47669 21.3391 7.95723 21.4714C8.91812 21.7359 10.2975 21.9976 11.9989 22C13.7015 22.0025 15.082 21.7405 16.0436 21.4746C16.5246 21.3417 16.9014 21.2075 17.1622 21.1045C17.2927 21.053 17.3943 21.0092 17.4654 20.9771C17.501 20.9611 17.5291 20.948 17.5493 20.9384C17.8861 20.7759 18.0929 20.2572 17.9202 19.9134C17.7343 19.5434 17.2838 19.394 16.9138 19.5796L16.9042 19.5842C16.8935 19.5893 16.8754 19.5978 16.85 19.6092C16.7991 19.6321 16.719 19.6668 16.6112 19.7094C16.3955 19.7946 16.0692 19.9113 15.6439 20.0289C14.793 20.2641 13.5485 20.5022 12.0011 20.5C10.4525 20.4978 9.20688 20.2596 8.35527 20.0252C7.92956 19.908 7.60294 19.792 7.38695 19.7073C7.279 19.665 7.1988 19.6306 7.14782 19.6079C7.12233 19.5965 7.10416 19.5881 7.09349 19.583L7.08376 19.5784C6.71301 19.3942 6.26304 19.5452 6.07856 19.9159C5.894 20.2867 6.04546 20.7371 6.41628 20.9217ZM7.95581 2.52365C8.91765 2.25666 10.2984 1.99368 12.0012 1.99611C13.7029 1.99854 15.0826 2.26135 16.0437 2.52689C16.5243 2.65969 16.9009 2.79334 17.1615 2.89589C17.2918 2.94718 17.3933 2.99073 17.4644 3.02257C17.5 3.0385 17.5279 3.0515 17.5482 3.06108L17.5727 3.07284L17.5805 3.07668L17.5833 3.07807L17.5844 3.07863C17.5844 3.07863 18.1811 3.4284 17.9211 4.08523C17.7362 4.45518 17.2869 4.60559 16.9167 4.42182L16.9153 4.42114L16.9056 4.41651C16.895 4.41145 16.8768 4.40298 16.8513 4.39157C16.8004 4.36875 16.7202 4.3342 16.6123 4.29173C16.3963 4.20677 16.0698 4.09031 15.6442 3.97272C14.7927 3.73746 13.5474 3.49832 11.9991 3.49611C10.452 3.4939 9.20767 3.73287 8.35701 3.969C7.93178 4.08704 7.60555 4.20419 7.38988 4.2897C7.28208 4.33244 7.20203 4.36723 7.15118 4.3902C7.12575 4.40168 7.10764 4.41021 7.09702 4.41529L7.08675 4.42026C6.71697 4.60645 6.26693 4.45743 6.08049 4.08771C5.89399 3.71786 6.04262 3.26685 6.41246 3.08035L6.41455 3.0793L6.41738 3.07788L6.42525 3.07399L6.44981 3.0621C6.47008 3.0524 6.49811 3.03926 6.53372 3.02318C6.60493 2.99101 6.70652 2.94705 6.83701 2.89531C7.0979 2.79186 7.4748 2.65717 7.95581 2.52365ZM7.08675 4.42026L7.08582 4.42071Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/meet_now_24_regular.svg";

Details

Keywords

videocameracallmeeting