"use client";
import * as React from "react";
import type { SVGProps } from "react";
import { Ref, forwardRef } from "react";
import { useId } from "./util/useId";
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const SvgSpeakerSoundWave3 = forwardRef(({
  title,
  titleId: _titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
  let titleId: string | undefined = useId();
  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12.75 5a.75.75 0 0 0-1.219-.586L6.738 8.25H3a.75.75 0 0 0-.75.75v6c0 .414.336.75.75.75h3.737l4.794 3.836A.75.75 0 0 0 12.75 19zM7.469 9.586 11.25 6.56v10.88l-3.781-3.026A.75.75 0 0 0 7 14.25H3.75v-4.5H7a.75.75 0 0 0 .469-.164m11.423-4.482a.75.75 0 0 0-1.06 1.06A8.22 8.22 0 0 1 20.25 12c0 2.28-.924 4.341-2.418 5.835a.75.75 0 0 0 1.06 1.061A9.72 9.72 0 0 0 21.75 12a9.72 9.72 0 0 0-2.858-6.896M15.71 7.225a.75.75 0 0 1 1.06 0A6.73 6.73 0 0 1 18.75 12a6.73 6.73 0 0 1-1.98 4.775.75.75 0 1 1-1.06-1.061A5.23 5.23 0 0 0 17.25 12c0-1.45-.587-2.763-1.54-3.714a.75.75 0 0 1 0-1.06m-.836 1.832a.75.75 0 1 0-1.06 1.061 2.65 2.65 0 0 1 .78 1.882c0 .735-.298 1.4-.78 1.882a.75.75 0 1 0 1.06 1.061A4.15 4.15 0 0 0 16.094 12a4.15 4.15 0 0 0-1.22-2.943" clipRule="evenodd" /></svg>;
});
export default SvgSpeakerSoundWave3;