day_image.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="383" viewBox="0 0 500 383">
  <defs>
    <linearGradient id="linear-gradient" x1="0.516" y1="0.93" x2="0.512" y2="0.269" gradientUnits="objectBoundingBox">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="1" stop-color="#94c9ff"/>
    </linearGradient>
  </defs>
  <g id="day_image" transform="translate(-678 -214)">
    <path id="Intersection_1" data-name="Intersection 1" d="M74,405V64a42,42,0,0,1,42-42H532a42,42,0,0,1,42,42V405Z" transform="translate(604 192)" fill="url(#linear-gradient)"/>
    <g id="cloud2" transform="translate(319 24)">
      <rect id="Rectangle_8" data-name="Rectangle 8" width="161" height="66" rx="33" transform="translate(461 301)" fill="#fff"/>
      <ellipse id="Ellipse_5" data-name="Ellipse 5" cx="38" cy="37.5" rx="38" ry="37.5" transform="translate(466 253)" fill="#fff"/>
      <ellipse id="Ellipse_6" data-name="Ellipse 6" cx="38" cy="37.5" rx="38" ry="37.5" transform="translate(518 278)" fill="#fff"/>
    </g>
    <g id="cloud2-2" data-name="cloud2" transform="translate(581 144)">
      <rect id="Rectangle_8-2" data-name="Rectangle 8" width="123" height="50" rx="25" transform="translate(461 290)" fill="#fff"/>
      <ellipse id="Ellipse_5-2" data-name="Ellipse 5" cx="29" cy="28.5" rx="29" ry="28.5" transform="translate(465 253)" fill="#fff"/>
      <ellipse id="Ellipse_6-2" data-name="Ellipse 6" cx="29" cy="28.5" rx="29" ry="28.5" transform="translate(505 272)" fill="#fff"/>
    </g>
    <path id="Intersection_2" data-name="Intersection 2" d="M52,164V39.241A41.536,41.536,0,0,1,87.555,69.606a41.54,41.54,0,0,1,55.476,22.451A36,36,0,0,1,141,164Z" transform="translate(626 295)" fill="#fff"/>
    <g id="sun" transform="translate(979 267)" fill="#f8ff24" stroke="#fffdbe" stroke-linejoin="round" stroke-width="10">
      <circle cx="77.5" cy="77.5" r="77.5" stroke="none"/>
      <circle cx="77.5" cy="77.5" r="72.5" fill="none"/>
    </g>
  </g>
</svg>