Mic Pulse Off icon

Use the Mic Pulse Off 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 { MicPulseOff24Regular, MicPulseOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <MicPulseOff24Regular aria-label="Mic Pulse Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_mic_pulse_off_24_regular.svg" width="24" height="24" alt="Mic Pulse Off">

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="M7 8.06076V12C7 14.2091 8.79086 16 11 16C11.0586 16 11.1169 15.9987 11.1748 15.9962C11.3113 15.4202 11.5244 14.8737 11.8028 14.3683C11.5508 14.4537 11.2808 14.5 11 14.5C9.61929 14.5 8.5 13.3807 8.5 12V9.56079L13.1166 14.1775C12.4159 15.1005 12 16.2517 12 17.5C12 20.5376 14.4624 23 17.5 23C18.7535 23 19.9091 22.5807 20.8341 21.8746C21.1255 22.069 21.5229 22.0376 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L7 8.06076ZM18.1445 19.2054L17.9682 19.6756C17.8938 19.8739 17.7025 20.0038 17.4907 19.9999C17.279 19.996 17.0926 19.8591 17.0257 19.6581L16.2399 17.3008L18.1445 19.2054ZM15.7958 16.8568L15.4642 17.6857C15.3883 17.8755 15.2045 18 15 18H14C13.7239 18 13.5 17.7761 13.5 17.5C13.5 17.2239 13.7239 17 14 17H14.6615L15.0265 16.0874L15.7958 16.8568ZM13.5 6V10.3185L14.7774 11.596C14.8509 11.562 14.9251 11.5294 15 11.4982V6C15 3.79086 13.2091 2 11 2C9.42627 2 8.06481 2.90881 7.41181 4.23024L8.57427 5.39272C8.84559 4.30547 9.82873 3.5 11 3.5C12.3807 3.5 13.5 4.61929 13.5 6ZM15.5407 12.3592L22.6407 19.4594C22.8729 18.8508 23 18.1902 23 17.5C23 14.4624 20.5376 12 17.5 12C16.8098 12 16.1493 12.1271 15.5407 12.3592ZM11 17.5C11 18.596 11.2713 19.6287 11.7503 20.5345L11.75 21.25C11.75 21.6642 11.4142 22 11 22C10.6203 22 10.3065 21.7178 10.2568 21.3518L10.25 21.25L10.25 18.9818C6.83323 18.7316 4.12283 15.938 4.00406 12.4863L4 12.25V11.75C4 11.3358 4.33579 11 4.75 11C5.1297 11 5.44349 11.2822 5.49315 11.6482L5.5 11.75V12.25C5.5 15.077 7.73445 17.3821 10.5336 17.4956L10.75 17.5H11Z" 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/mic_pulse_off_24_regular.svg";

Details

Keywords

pulseaudiosoundmicrophoneprocessingslashdisconnect