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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const CloudWithRainIcon = ({ 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}
    <path
      d="M12.3666 12.3031C14.5945 12.3031 16.4006 10.4971 16.4006 8.26917C16.4006 6.04128 14.5945 4.23521 12.3666 4.23521C10.1387 4.23521 8.33264 6.04128 8.33264 8.26917C8.33264 10.4971 10.1387 12.3031 12.3666 12.3031Z"
      fill="url(#paint0_radial_18_15159)"
    />
    <path
      d="M12.3666 12.3031C14.5945 12.3031 16.4006 10.4971 16.4006 8.26917C16.4006 6.04128 14.5945 4.23521 12.3666 4.23521C10.1387 4.23521 8.33264 6.04128 8.33264 8.26917C8.33264 10.4971 10.1387 12.3031 12.3666 12.3031Z"
      fill="url(#paint1_radial_18_15159)"
    />
    <g filter="url(#filter0_ii_18_15159)">
      <path
        d="M8.78877 22.9942L6.39837 26.2642C5.80853 27.0714 4.68058 27.2473 3.87343 26.6574C3.06628 26.0676 2.89036 24.9397 3.4802 24.1325L5.87061 20.8625C6.46045 20.0554 7.58839 19.8795 8.39554 20.4693C9.20269 21.0488 9.37861 22.1871 8.78877 22.9942Z"
        fill="#3239FF"
      />
      <path
        d="M8.78877 22.9942L6.39837 26.2642C5.80853 27.0714 4.68058 27.2473 3.87343 26.6574C3.06628 26.0676 2.89036 24.9397 3.4802 24.1325L5.87061 20.8625C6.46045 20.0554 7.58839 19.8795 8.39554 20.4693C9.20269 21.0488 9.37861 22.1871 8.78877 22.9942Z"
        fill="url(#paint2_radial_18_15159)"
      />
    </g>
    <g filter="url(#filter1_ii_18_15159)">
      <path
        d="M15.3351 22.9942L12.9447 26.2642C12.3549 27.0714 11.2269 27.2473 10.4198 26.6574C9.61261 26.0676 9.43669 24.9397 10.0265 24.1325L12.4169 20.8625C13.0068 20.0554 14.1347 19.8795 14.9419 20.4693C15.749 21.0488 15.9249 22.1871 15.3351 22.9942Z"
        fill="#3239FF"
      />
      <path
        d="M15.3351 22.9942L12.9447 26.2642C12.3549 27.0714 11.2269 27.2473 10.4198 26.6574C9.61261 26.0676 9.43669 24.9397 10.0265 24.1325L12.4169 20.8625C13.0068 20.0554 14.1347 19.8795 14.9419 20.4693C15.749 21.0488 15.9249 22.1871 15.3351 22.9942Z"
        fill="url(#paint3_radial_18_15159)"
      />
    </g>
    <g filter="url(#filter2_ii_18_15159)">
      <path
        d="M21.8814 22.9942L19.491 26.2642C18.9012 27.0714 17.7732 27.2473 16.9661 26.6574C16.1589 26.0676 15.983 24.9397 16.5729 24.1325L18.9633 20.8625C19.5531 20.0554 20.681 19.8795 21.4882 20.4693C22.2953 21.0488 22.4713 22.1871 21.8814 22.9942Z"
        fill="url(#paint4_linear_18_15159)"
      />
      <path
        d="M21.8814 22.9942L19.491 26.2642C18.9012 27.0714 17.7732 27.2473 16.9661 26.6574C16.1589 26.0676 15.983 24.9397 16.5729 24.1325L18.9633 20.8625C19.5531 20.0554 20.681 19.8795 21.4882 20.4693C22.2953 21.0488 22.4713 22.1871 21.8814 22.9942Z"
        fill="url(#paint5_radial_18_15159)"
      />
    </g>
    <g filter="url(#filter3_i_18_15159)">
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="#E0D3FF"
      />
    </g>
    <g filter="url(#filter4_ii_18_15159)">
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="#E0D3FF"
      />
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="url(#paint6_radial_18_15159)"
      />
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="url(#paint7_radial_18_15159)"
      />
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="url(#paint8_radial_18_15159)"
      />
      <path
        d="M27.2023 4.55052C23.6576 1.09569 17.9861 1.15561 14.5312 4.7003C13.609 5.64078 12.9456 6.73155 12.5182 7.89627C12.4593 8.05674 12.2622 8.1195 12.1197 8.0252C11.8094 7.81995 11.4786 7.64064 11.1363 7.49611C10.3175 7.11668 9.4089 6.90699 8.45034 6.90699C4.88568 6.90699 2 9.79267 2 13.3573C2 14.8751 2.52921 16.273 3.40789 17.3813C4.59611 18.939 6.46332 19.9375 8.57016 19.9375C11.1064 19.9375 18.3954 19.9375 21.2412 19.9375C24.057 19.9375 26.5432 18.5496 28.061 16.4227C30.7769 12.8681 30.4774 7.75572 27.2023 4.55052Z"
        fill="url(#paint9_radial_18_15159)"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_15159"
        x={3.13135}
        y={20.0204}
        width={6.60629}
        height={7.08585}
        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.6} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.196078 0 0 0 0 0.152941 0 0 0 0 0.972549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15159"
        />
        <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.1} 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.65098 0 0 0 0 0.529412 0 0 0 0 0.87451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_15159"
          result="effect2_innerShadow_18_15159"
        />
      </filter>
      <filter
        id="filter1_ii_18_15159"
        x={9.67767}
        y={20.0204}
        width={6.60629}
        height={7.08585}
        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.6} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.196078 0 0 0 0 0.152941 0 0 0 0 0.972549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15159"
        />
        <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.1} 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.65098 0 0 0 0 0.529412 0 0 0 0 0.87451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_15159"
          result="effect2_innerShadow_18_15159"
        />
      </filter>
      <filter
        id="filter2_ii_18_15159"
        x={16.224}
        y={20.0204}
        width={6.60629}
        height={7.08585}
        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.6} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.196078 0 0 0 0 0.152941 0 0 0 0 0.972549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15159"
        />
        <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.1} 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.65098 0 0 0 0 0.529412 0 0 0 0 0.87451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_15159"
          result="effect2_innerShadow_18_15159"
        />
      </filter>
      <filter
        id="filter3_i_18_15159"
        x={2}
        y={2}
        width={27.8992}
        height={17.9375}
        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={2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.701961 0 0 0 0 0.698039 0 0 0 0 0.992157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15159"
        />
      </filter>
      <filter
        id="filter4_ii_18_15159"
        x={2}
        y={2}
        width={27.8992}
        height={17.9375}
        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={3.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.701961 0 0 0 0 0.698039 0 0 0 0 0.992157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_15159"
        />
        <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.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.701961 0 0 0 0 0.698039 0 0 0 0 0.992157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_15159"
          result="effect2_innerShadow_18_15159"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.091 7.58007) rotate(-110.468) scale(3.57025 3.46764)"
      >
        <stop offset={0.30655} stopColor="#CECDFF" />
        <stop offset={1} stopColor="#B7B6FA" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.6049 6.68312) rotate(-148.811) scale(1.44749 4.81341)"
      >
        <stop offset={0.401187} stopColor="#B8B7FF" />
        <stop offset={1} stopColor="#B8B7FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.55545 20.7446) rotate(142.938) scale(3.03715 2.64919)"
      >
        <stop stopColor="#627AFE" />
        <stop offset={1} stopColor="#627AFE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1018 20.7446) rotate(142.938) scale(3.03715 2.64919)"
      >
        <stop stopColor="#627AFE" />
        <stop offset={1} stopColor="#627AFE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_15159"
        x1={22.2303}
        y1={20.8728}
        x2={17.0656}
        y2={27.7478}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3364FE" />
        <stop offset={1} stopColor="#3749FF" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6481 20.7446) rotate(142.938) scale(3.03715 2.64919)"
      >
        <stop stopColor="#627AFE" />
        <stop offset={1} stopColor="#627AFE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.3953 13.2774) rotate(-106.955) scale(12.9726 7.2886)"
      >
        <stop stopColor="#D6CCFF" />
        <stop offset={1} stopColor="#D6CCFF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.2744 7.14872) rotate(147.006) scale(12.0883 13.5028)"
      >
        <stop offset={0.189911} stopColor="#F2F0FF" />
        <stop offset={1} stopColor="#F2F0FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.05604 10.4022) rotate(147.319) scale(9.52873 11.6115)"
      >
        <stop stopColor="#F2F0FF" />
        <stop offset={0.695905} stopColor="#F2F0FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_15159"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.2503 6.39209) rotate(71.9061) scale(8.03953 2.99718)"
      >
        <stop stopColor="#F2F0FF" />
        <stop offset={1} stopColor="#F2F0FF" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = CloudWithRainIcon;