const React = require("react");
const MutedSpeakerIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <circle
      cx={21.1641}
      cy={15.7773}
      r={3.21875}
      fill="url(#paint0_radial_18_17776)"
    />
    <circle
      cx={21.1641}
      cy={15.7773}
      r={3.21875}
      fill="url(#paint1_radial_18_17776)"
    />
    <circle
      cx={21.1641}
      cy={15.7773}
      r={3.21875}
      fill="url(#paint2_radial_18_17776)"
    />
    <path
      d="M4.63281 10.432C4.63281 9.54838 5.34916 8.83203 6.23281 8.83203H10.5703V22.7227H6.23281C5.34916 22.7227 4.63281 22.0063 4.63281 21.1227V10.432Z"
      fill="url(#paint3_linear_18_17776)"
    />
    <path
      d="M4.63281 10.432C4.63281 9.54838 5.34916 8.83203 6.23281 8.83203H10.5703V22.7227H6.23281C5.34916 22.7227 4.63281 22.0063 4.63281 21.1227V10.432Z"
      fill="url(#paint4_linear_18_17776)"
    />
    <path
      d="M4.63281 10.432C4.63281 9.54838 5.34916 8.83203 6.23281 8.83203H10.5703V22.7227H6.23281C5.34916 22.7227 4.63281 22.0063 4.63281 21.1227V10.432Z"
      fill="url(#paint5_linear_18_17776)"
    />
    <path
      d="M21.4297 6.65319C21.4297 5.03294 19.7055 3.99493 18.2736 4.75311L10.5703 8.83198V22.7226L18.2693 26.8214C19.7014 27.5838 21.4297 26.5459 21.4297 24.9236V6.65319Z"
      fill="url(#paint6_linear_18_17776)"
    />
    <path
      d="M21.4297 6.65319C21.4297 5.03294 19.7055 3.99493 18.2736 4.75311L10.5703 8.83198V22.7226L18.2693 26.8214C19.7014 27.5838 21.4297 26.5459 21.4297 24.9236V6.65319Z"
      fill="url(#paint7_radial_18_17776)"
    />
    <path
      d="M21.4297 6.65319C21.4297 5.03294 19.7055 3.99493 18.2736 4.75311L10.5703 8.83198V22.7226L18.2693 26.8214C19.7014 27.5838 21.4297 26.5459 21.4297 24.9236V6.65319Z"
      fill="url(#paint8_linear_18_17776)"
    />
    <path
      d="M21.4297 6.65319C21.4297 5.03294 19.7055 3.99493 18.2736 4.75311L10.5703 8.83198V22.7226L18.2693 26.8214C19.7014 27.5838 21.4297 26.5459 21.4297 24.9236V6.65319Z"
      fill="url(#paint9_linear_18_17776)"
    />
    <path
      d="M21.4297 6.65319C21.4297 5.03294 19.7055 3.99493 18.2736 4.75311L10.5703 8.83198V22.7226L18.2693 26.8214C19.7014 27.5838 21.4297 26.5459 21.4297 24.9236V6.65319Z"
      fill="url(#paint10_radial_18_17776)"
    />
    <g filter="url(#filter0_i_18_17776)">
      <path
        d="M5.05068 4.99209C5.47568 4.56709 6.16475 4.56709 6.58975 4.99209L27.0663 25.4687C27.4913 25.8937 27.4913 26.5827 27.0663 27.0077C26.6413 27.4327 25.9522 27.4327 25.5272 27.0077L5.05068 6.53115C4.62568 6.10615 4.62568 5.41709 5.05068 4.99209Z"
        fill="url(#paint11_linear_18_17776)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_17776"
        x={4.73193}
        y={4.62334}
        width={22.7031}
        height={22.7031}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.05} dy={-0.05} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.752941 0 0 0 0 0.14902 0 0 0 0 0.211765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17776"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_17776"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.4503 13.6703) rotate(113.233) scale(5.79574)"
      >
        <stop offset={0.0970969} stopColor="#E1E0E4" />
        <stop offset={1} stopColor="#CECAD6" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_17776"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3201 14.7119) rotate(145.706) scale(1.89104)"
      >
        <stop stopColor="#F4F6FE" />
        <stop offset={1} stopColor="#F4F6FE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_17776"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.4363 15.0204) rotate(93.9172) scale(3.98501 4.05745)"
      >
        <stop offset={0.594478} stopColor="#D1CCD9" stopOpacity={0} />
        <stop offset={1} stopColor="#B9B6BF" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_17776"
        x1={11.6328}
        y1={11.0352}
        x2={7.60156}
        y2={20.5352}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.213026} stopColor="#D2CED6" />
        <stop offset={1} stopColor="#DDD5E6" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_17776"
        x1={8.88281}
        y1={23.0977}
        x2={8.88281}
        y2={19.0977}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B6B0BD" />
        <stop offset={1} stopColor="#D8D0E1" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_17776"
        x1={4.63281}
        y1={18.0352}
        x2={7.19531}
        y2={18.0352}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0243902} stopColor="#A5A5A5" />
        <stop offset={1} stopColor="#C3BECB" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_17776"
        x1={22.0078}
        y1={7.53509}
        x2={13.5078}
        y2={23.8476}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BFBAC4" />
        <stop offset={1} stopColor="#CAC2D3" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_17776"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.6641 6.75384) rotate(59.0362) scale(5.10208 17.8709)"
      >
        <stop offset={0.114889} stopColor="#ABABAC" />
        <stop offset={1} stopColor="#C2BDC7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_17776"
        x1={14.6016}
        y1={25.2538}
        x2={16.2891}
        y2={22.0663}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B3AFB8" />
        <stop offset={1} stopColor="#CAC2D3" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_17776"
        x1={22.6258}
        y1={21.4817}
        x2={19.2408}
        y2={21.4817}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E6E7EF" />
        <stop offset={1} stopColor="#D2CBDA" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_17776"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5703 11.4413) rotate(90) scale(16.0625 2.22649)"
      >
        <stop stopColor="#F8F6FB" />
        <stop offset={1} stopColor="#E7E6EE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_17776"
        x1={10.8827}
        y1={10.7226}
        x2={26.3202}
        y2={26.1601}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F13D4E" />
        <stop offset={1} stopColor="#F2389A" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = MutedSpeakerIcon;