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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const CloudIcon = ({ 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.26 17.6443C14.4912 17.6443 16.3 15.8356 16.3 13.6043C16.3 11.3731 14.4912 9.56433 12.26 9.56433C10.0287 9.56433 8.21997 11.3731 8.21997 13.6043C8.21997 15.8356 10.0287 17.6443 12.26 17.6443Z"
      fill="url(#paint0_radial_18_14985)"
    />
    <path
      d="M12.26 17.6443C14.4912 17.6443 16.3 15.8356 16.3 13.6043C16.3 11.3731 14.4912 9.56433 12.26 9.56433C10.0287 9.56433 8.21997 11.3731 8.21997 13.6043C8.21997 15.8356 10.0287 17.6443 12.26 17.6443Z"
      fill="url(#paint1_radial_18_14985)"
    />
    <g filter="url(#filter0_i_18_14985)">
      <path
        d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
        fill="#D5D4DA"
      />
      <path
        d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
        fill="url(#paint2_linear_18_14985)"
      />
    </g>
    <path
      d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
      fill="url(#paint3_radial_18_14985)"
    />
    <path
      d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
      fill="url(#paint4_radial_18_14985)"
    />
    <path
      d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
      fill="url(#paint5_radial_18_14985)"
    />
    <path
      d="M27.2902 9.55941C23.7332 6.09254 18.0419 6.15266 14.575 9.70971C13.6492 10.6538 12.9834 11.7488 12.5545 12.918C12.4956 13.0784 12.2986 13.1412 12.156 13.0469C11.8443 12.8406 11.5121 12.6605 11.1682 12.5153C10.3466 12.1345 9.43477 11.9241 8.47286 11.9241C4.89575 11.9241 2 14.8198 2 18.3969C2 19.9199 2.53105 21.3227 3.4128 22.4349C4.60517 23.998 6.4789 25 8.5931 25C11.1382 25 18.4527 25 21.3084 25C24.134 25 26.6289 23.6072 28.152 21.473C30.8774 17.9059 30.5868 12.7758 27.2902 9.55941Z"
      fill="url(#paint6_radial_18_14985)"
    />
    <defs>
      <filter
        id="filter0_i_18_14985"
        x={2}
        y={6}
        width={28}
        height={19}
        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={-1} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.815686 0 0 0 0 0.784314 0 0 0 0 0.956863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_14985"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.7165 12.1054) rotate(-172.463) scale(5.54446)"
      >
        <stop offset={0.308752} stopColor="#E8E8E9" />
        <stop offset={1} stopColor="#D2D2D2" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.6917 13.2625) rotate(-141.242) scale(3.0099 2.75776)"
      >
        <stop stopColor="#CDCDCE" />
        <stop offset={1} stopColor="#CDCDCE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_14985"
        x1={18.8604}
        y1={24.0321}
        x2={18.8604}
        y2={16.5192}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DED7FA" />
        <stop offset={1} stopColor="#DED7FA" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.3733 13.0518) rotate(136.5) scale(11.1541 11.965)"
      >
        <stop offset={0.178875} stopColor="#FCFBFE" />
        <stop offset={1} stopColor="#FCFBFE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.65868 17.3286) rotate(144.444) scale(6.84295 7.17037)"
      >
        <stop stopColor="#FCFBFE" />
        <stop offset={1} stopColor="#FCFBFE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.2134 15.4665) rotate(166.654) scale(23.8577 18.7887)"
      >
        <stop offset={0.815422} stopColor="#CECCD7" stopOpacity={0} />
        <stop offset={1} stopColor="#CECCD7" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_14985"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.64434 26.0182) rotate(-46.7899) scale(6.46347 8.91976)"
      >
        <stop stopColor="#D0C9EE" />
        <stop offset={1} stopColor="#D0C9EE" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = CloudIcon;