@jstnmthw/react-fluentui-emoji/icons/StudioMicrophoneIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const StudioMicrophoneIcon = ({ 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}
    <rect
      x={13.6577}
      y={23.9456}
      width={4.67505}
      height={2.00216}
      fill="url(#paint0_linear_18_18081)"
    />
    <rect
      x={13.6577}
      y={23.9456}
      width={4.67505}
      height={2.00216}
      fill="url(#paint1_radial_18_18081)"
    />
    <g filter="url(#filter0_i_18_18081)">
      <path
        d="M9.08178 27.2336C9.52271 26.44 10.3593 25.9478 11.2672 25.9478H20.6996C21.6042 25.9478 22.4382 26.4364 22.8804 27.2254L23.9025 29.0489C24.1267 29.4488 23.8376 29.9422 23.3791 29.9422H8.59671C8.13922 29.9422 7.85004 29.4508 8.07222 29.0509L9.08178 27.2336Z"
        fill="url(#paint2_radial_18_18081)"
      />
    </g>
    <path
      d="M9.08178 27.2336C9.52271 26.44 10.3593 25.9478 11.2672 25.9478H20.6996C21.6042 25.9478 22.4382 26.4364 22.8804 27.2254L23.9025 29.0489C24.1267 29.4488 23.8376 29.9422 23.3791 29.9422H8.59671C8.13922 29.9422 7.85004 29.4508 8.07222 29.0509L9.08178 27.2336Z"
      fill="url(#paint3_linear_18_18081)"
    />
    <g filter="url(#filter1_ii_18_18081)">
      <path
        d="M9.99341 7.03015C9.99341 4.26873 12.232 2.03015 14.9934 2.03015H17.0065C19.7679 2.03015 22.0065 4.26873 22.0065 7.03015V17.0125C22.0065 19.7739 19.7679 22.0125 17.0065 22.0125H14.9934C12.232 22.0125 9.99341 19.7739 9.99341 17.0125V7.03015Z"
        fill="url(#paint4_radial_18_18081)"
      />
    </g>
    <path
      d="M9.99341 7.03015C9.99341 4.26873 12.232 2.03015 14.9934 2.03015H17.0065C19.7679 2.03015 22.0065 4.26873 22.0065 7.03015V17.0125C22.0065 19.7739 19.7679 22.0125 17.0065 22.0125H14.9934C12.232 22.0125 9.99341 19.7739 9.99341 17.0125V7.03015Z"
      fill="url(#paint5_radial_18_18081)"
    />
    <path
      d="M9.99341 7.03015C9.99341 4.26873 12.232 2.03015 14.9934 2.03015H17.0065C19.7679 2.03015 22.0065 4.26873 22.0065 7.03015V17.0125C22.0065 19.7739 19.7679 22.0125 17.0065 22.0125H14.9934C12.232 22.0125 9.99341 19.7739 9.99341 17.0125V7.03015Z"
      fill="url(#paint6_radial_18_18081)"
    />
    <path
      d="M9.99341 9.60483V8.13525H14.7868C15.1926 8.13525 15.5216 8.46423 15.5216 8.87004C15.5216 9.27585 15.1926 9.60483 14.7868 9.60483H9.99341Z"
      fill="url(#paint7_linear_18_18081)"
    />
    <path
      d="M9.99341 12.7561V11.2865H14.7868C15.1926 11.2865 15.5216 11.6155 15.5216 12.0213C15.5216 12.4271 15.1926 12.7561 14.7868 12.7561H9.99341Z"
      fill="url(#paint8_radial_18_18081)"
    />
    <path
      d="M9.99341 15.9073V14.4377H14.7868C15.1926 14.4377 15.5216 14.7667 15.5216 15.1725C15.5216 15.5783 15.1926 15.9073 14.7868 15.9073H9.99341Z"
      fill="url(#paint9_radial_18_18081)"
    />
    <path
      d="M22.0065 8.13525V9.60483H17.2131C16.8072 9.60483 16.4783 9.27585 16.4783 8.87004C16.4783 8.46423 16.8072 8.13525 17.2131 8.13525H22.0065Z"
      fill="url(#paint10_radial_18_18081)"
    />
    <path
      d="M22.0065 11.2865V12.7561H17.2131C16.8072 12.7561 16.4783 12.4271 16.4783 12.0213C16.4783 11.6155 16.8072 11.2865 17.2131 11.2865H22.0065Z"
      fill="url(#paint11_radial_18_18081)"
    />
    <path
      d="M22.0065 14.4377V15.9073H17.2131C16.8072 15.9073 16.4783 15.5783 16.4783 15.1725C16.4783 14.7667 16.8072 14.4377 17.2131 14.4377H22.0065Z"
      fill="url(#paint12_radial_18_18081)"
    />
    <g filter="url(#filter2_i_18_18081)">
      <path
        d="M24.9693 13.9446C24.9693 13.3923 24.5216 12.9446 23.9693 12.9446C23.417 12.9446 22.9693 13.3923 22.9693 13.9446H24.9693ZM9.03076 13.9446C9.03076 13.3923 8.58305 12.9446 8.03076 12.9446C7.47848 12.9446 7.03076 13.3923 7.03076 13.9446H9.03076ZM22.9693 13.9446V17.9456H24.9693V13.9446H22.9693ZM17.9693 22.9456H14.0308V24.9456H17.9693V22.9456ZM9.03076 17.9456V13.9446H7.03076V17.9456H9.03076ZM14.0308 22.9456C11.2693 22.9456 9.03076 20.707 9.03076 17.9456H7.03076C7.03076 21.8116 10.1648 24.9456 14.0308 24.9456V22.9456ZM22.9693 17.9456C22.9693 20.707 20.7307 22.9456 17.9693 22.9456V24.9456C21.8353 24.9456 24.9693 21.8116 24.9693 17.9456H22.9693Z"
        fill="url(#paint13_linear_18_18081)"
      />
      <path
        d="M24.9693 13.9446C24.9693 13.3923 24.5216 12.9446 23.9693 12.9446C23.417 12.9446 22.9693 13.3923 22.9693 13.9446H24.9693ZM9.03076 13.9446C9.03076 13.3923 8.58305 12.9446 8.03076 12.9446C7.47848 12.9446 7.03076 13.3923 7.03076 13.9446H9.03076ZM22.9693 13.9446V17.9456H24.9693V13.9446H22.9693ZM17.9693 22.9456H14.0308V24.9456H17.9693V22.9456ZM9.03076 17.9456V13.9446H7.03076V17.9456H9.03076ZM14.0308 22.9456C11.2693 22.9456 9.03076 20.707 9.03076 17.9456H7.03076C7.03076 21.8116 10.1648 24.9456 14.0308 24.9456V22.9456ZM22.9693 17.9456C22.9693 20.707 20.7307 22.9456 17.9693 22.9456V24.9456C21.8353 24.9456 24.9693 21.8116 24.9693 17.9456H22.9693Z"
        fill="url(#paint14_radial_18_18081)"
      />
    </g>
    <g filter="url(#filter3_f_18_18081)">
      <path
        d="M24.5776 13.6487C24.5776 13.4692 24.4321 13.3237 24.2526 13.3237C24.0731 13.3237 23.9276 13.4692 23.9276 13.6487H24.5776ZM8.67852 13.6487C8.67852 13.4692 8.53301 13.3237 8.35352 13.3237C8.17402 13.3237 8.02852 13.4692 8.02852 13.6487H8.67852ZM23.9276 13.6487V17.7681H24.5776V13.6487H23.9276ZM18.2675 23.6206H14.3387V24.2706H18.2675V23.6206ZM8.67852 17.7681V13.6487H8.02852V17.7681H8.67852ZM14.3387 23.6206C11.2223 23.6206 8.67852 21.0101 8.67852 17.7681H8.02852C8.02852 21.3496 10.8441 24.2706 14.3387 24.2706V23.6206ZM23.9276 17.7681C23.9276 21.0101 21.3839 23.6206 18.2675 23.6206V24.2706C21.7621 24.2706 24.5776 21.3496 24.5776 17.7681H23.9276Z"
        fill="url(#paint15_radial_18_18081)"
      />
      <path
        d="M24.5776 13.6487C24.5776 13.4692 24.4321 13.3237 24.2526 13.3237C24.0731 13.3237 23.9276 13.4692 23.9276 13.6487H24.5776ZM8.67852 13.6487C8.67852 13.4692 8.53301 13.3237 8.35352 13.3237C8.17402 13.3237 8.02852 13.4692 8.02852 13.6487H8.67852ZM23.9276 13.6487V17.7681H24.5776V13.6487H23.9276ZM18.2675 23.6206H14.3387V24.2706H18.2675V23.6206ZM8.67852 17.7681V13.6487H8.02852V17.7681H8.67852ZM14.3387 23.6206C11.2223 23.6206 8.67852 21.0101 8.67852 17.7681H8.02852C8.02852 21.3496 10.8441 24.2706 14.3387 24.2706V23.6206ZM23.9276 17.7681C23.9276 21.0101 21.3839 23.6206 18.2675 23.6206V24.2706C21.7621 24.2706 24.5776 21.3496 24.5776 17.7681H23.9276Z"
        fill="url(#paint16_radial_18_18081)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_18081"
        x={7.99585}
        y={25.9478}
        width={16.4841}
        height={4.19451}
        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.5} dy={0.2} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.619608 0 0 0 0 0.611765 0 0 0 0 0.631373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_18081"
        />
      </filter>
      <filter
        id="filter1_ii_18_18081"
        x={9.99341}
        y={1.78015}
        width={12.2632}
        height={20.2323}
        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 />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.678431 0 0 0 0 0.678431 0 0 0 0 0.678431 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_18081"
        />
        <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.25} dy={-0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.576471 0 0 0 0 0.556863 0 0 0 0 0.6 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_18081"
          result="effect2_innerShadow_18_18081"
        />
      </filter>
      <filter
        id="filter2_i_18_18081"
        x={7.03076}
        y={12.8446}
        width={17.9385}
        height={12.1011}
        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 dy={-0.1} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.709804 0 0 0 0 0.682353 0 0 0 0 0.737255 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_18081"
        />
      </filter>
      <filter
        id="filter3_f_18_18081"
        x={7.37856}
        y={12.6737}
        width={17.8491}
        height={12.2469}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.325}
          result="effect1_foregroundBlur_18_18081"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_18081"
        x1={14.2771}
        y1={25.9477}
        x2={18.4959}
        y2={25.9477}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A29FA5" />
        <stop offset={1} stopColor="#B2AFB5" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.7459 26.6874) rotate(-90) scale(2.5625 1.55303)"
      >
        <stop stopColor="#B9B6BD" />
        <stop offset={1} stopColor="#B9B6BD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.0583 29.9422) rotate(-90) scale(4.59853 9.93119)"
      >
        <stop stopColor="#E1D9EB" />
        <stop offset={1} stopColor="#AFA9B5" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_18081"
        x1={16.2771}
        y1={30.2812}
        x2={16.2771}
        y2={29.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.145162} stopColor="#B697D5" />
        <stop offset={1} stopColor="#9E87B4" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.9999 12.7813) rotate(90) scale(11.9063 7.34787)"
      >
        <stop stopColor="#B1A9BA" />
        <stop offset={1} stopColor="#C7C4CA" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.7458 4.62505) rotate(139.699) scale(6.47411 9.10789)"
      >
        <stop stopColor="#F3F1F5" />
        <stop offset={1} stopColor="#D1CED4" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.4958 22.0125) rotate(-90) scale(5.94995 7.5)"
      >
        <stop stopColor="#A89AB7" />
        <stop offset={1} stopColor="#A89AB7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_18081"
        x1={12.7575}
        y1={8.31247}
        x2={15.5216}
        y2={9.60483}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E213A" />
        <stop offset={1} stopColor="#382549" />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.7575 10.9063) rotate(90) scale(2.34375 7.37072)"
      >
        <stop offset={0.426667} stopColor="#2E223B" />
        <stop offset={1} stopColor="#543F68" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.7575 14.0575) rotate(90) scale(2.34375 7.37072)"
      >
        <stop offset={0.426667} stopColor="#2E223B" />
        <stop offset={1} stopColor="#543F68" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2424 8.13525) rotate(90) scale(1.46957 4.62157)"
      >
        <stop offset={0.354501} stopColor="#2E223B" />
        <stop offset={1} stopColor="#473A55" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2424 10.9063) rotate(90) scale(2.03125 6.38796)"
      >
        <stop offset={0.118255} stopColor="#2E223B" />
        <stop offset={1} stopColor="#543F68" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2424 14.0575) rotate(90) scale(2.34375 7.37072)"
      >
        <stop offset={0.426667} stopColor="#2E223B" />
        <stop offset={1} stopColor="#543F68" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_18081"
        x1={8.55073}
        y1={21.2234}
        x2={24.6076}
        y2={21.2234}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A9A3B1" />
        <stop offset={1} stopColor="#C7C1CE" />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.8389 16.1736) rotate(76.0322) scale(8.00884 4.03764)"
      >
        <stop offset={0.383611} stopColor="#959199" />
        <stop offset={1} stopColor="#959199" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.9287 13.2628) rotate(99.1122) scale(15.5586 7.78551)"
      >
        <stop stopColor="#DFDAE4" />
        <stop offset={1} stopColor="#DFDAE4" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint16_radial_18_18081"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.67543 13.1003) rotate(55.8587) scale(16.7185 4.8156)"
      >
        <stop stopColor="#B8ADC4" />
        <stop offset={1} stopColor="#B8ADC4" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = StudioMicrophoneIcon;