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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SpeakerLowVolumeIcon = ({ 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={22.6562}
      cy={15.9888}
      r={3.21875}
      fill="url(#paint0_radial_18_17802)"
    />
    <circle
      cx={22.6562}
      cy={15.9888}
      r={3.21875}
      fill="url(#paint1_radial_18_17802)"
    />
    <circle
      cx={22.6562}
      cy={15.9888}
      r={3.21875}
      fill="url(#paint2_radial_18_17802)"
    />
    <path
      d="M6.125 10.6435C6.125 9.7598 6.84134 9.04346 7.725 9.04346H12.0625V22.9341H7.725C6.84134 22.9341 6.125 22.2177 6.125 21.3341V10.6435Z"
      fill="url(#paint3_linear_18_17802)"
    />
    <path
      d="M6.125 10.6435C6.125 9.7598 6.84134 9.04346 7.725 9.04346H12.0625V22.9341H7.725C6.84134 22.9341 6.125 22.2177 6.125 21.3341V10.6435Z"
      fill="url(#paint4_linear_18_17802)"
    />
    <path
      d="M6.125 10.6435C6.125 9.7598 6.84134 9.04346 7.725 9.04346H12.0625V22.9341H7.725C6.84134 22.9341 6.125 22.2177 6.125 21.3341V10.6435Z"
      fill="url(#paint5_linear_18_17802)"
    />
    <path
      d="M6.125 10.6435C6.125 9.7598 6.84134 9.04346 7.725 9.04346H12.0625V22.9341H7.725C6.84134 22.9341 6.125 22.2177 6.125 21.3341V10.6435Z"
      fill="url(#paint6_linear_18_17802)"
    />
    <path
      d="M6.125 10.6435C6.125 9.7598 6.84134 9.04346 7.725 9.04346H12.0625V22.9341H7.725C6.84134 22.9341 6.125 22.2177 6.125 21.3341V10.6435Z"
      fill="url(#paint7_linear_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint8_linear_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint9_linear_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint10_radial_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint11_linear_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint12_linear_18_17802)"
    />
    <path
      d="M22.9219 6.86486C22.9219 5.24461 21.1977 4.2066 19.7658 4.96478L12.0625 9.04365V22.9343L19.7615 27.033C21.1936 27.7954 22.9219 26.7576 22.9219 25.1352V6.86486Z"
      fill="url(#paint13_radial_18_17802)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_18_17802"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.9425 13.8818) rotate(113.233) scale(5.79574)"
      >
        <stop offset={0.0970969} stopColor="#E1E0E4" />
        <stop offset={1} stopColor="#CECAD6" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_17802"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.8123 14.9233) rotate(145.706) scale(1.89104)"
      >
        <stop stopColor="#F4F6FE" />
        <stop offset={1} stopColor="#F4F6FE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_17802"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.9285 15.2318) 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_17802"
        x1={13.125}
        y1={11.2466}
        x2={9.09375}
        y2={20.7466}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.213026} stopColor="#D2CED6" />
        <stop offset={1} stopColor="#DDD5E6" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_17802"
        x1={9.09375}
        y1={9.04346}
        x2={9.09375}
        y2={14.1115}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C5C4C5" />
        <stop offset={1} stopColor="#C5C4C5" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_17802"
        x1={10.375}
        y1={23.3091}
        x2={10.375}
        y2={19.3091}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B6B0BD" />
        <stop offset={1} stopColor="#D8D0E1" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_17802"
        x1={6.125}
        y1={18.2466}
        x2={8.6875}
        y2={18.2466}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0243902} stopColor="#A5A5A5" />
        <stop offset={1} stopColor="#C3BECB" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_17802"
        x1={12.6458}
        y1={20.7355}
        x2={11.6774}
        y2={20.7355}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.266667} stopColor="#CCC5D4" />
        <stop offset={1} stopColor="#CCC5D4" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_17802"
        x1={23.5}
        y1={7.74676}
        x2={15}
        y2={24.0593}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BFBAC4" />
        <stop offset={1} stopColor="#CAC2D3" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_17802"
        x1={10.9083}
        y1={18.565}
        x2={15.0917}
        y2={18.565}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C4BECC" />
        <stop offset={1} stopColor="#C4BECC" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_17802"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.1563 6.96551) rotate(59.0362) scale(5.10208 17.8709)"
      >
        <stop offset={0.114889} stopColor="#ABABAC" />
        <stop offset={1} stopColor="#C2BDC7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_17802"
        x1={16.0938}
        y1={25.4655}
        x2={17.7813}
        y2={22.278}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B3AFB8" />
        <stop offset={1} stopColor="#CAC2D3" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_17802"
        x1={24.1179}
        y1={21.6934}
        x2={20.733}
        y2={21.6934}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E6E7EF" />
        <stop offset={1} stopColor="#D2CBDA" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint13_radial_18_17802"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.0625 11.653) rotate(90) scale(16.0625 2.22649)"
      >
        <stop stopColor="#F8F6FB" />
        <stop offset={1} stopColor="#E7E6EE" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SpeakerLowVolumeIcon;