Add icons to this collection by clicking the heart icon.
Calendar Date icon - also known as cloud, weather, schedule, calendar, sun, cloudy, forecast, meteorology, calendar date, and time and date. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 -12.25 12.25 0 20.5 17.25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6dbeff" />
<stop offset="1" stop-color="#0085f0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e2f4fe" />
<stop offset="1" stop-color="#4ec0ff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 3.692 13.348) scale(13.385)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -3.77 19.27) scale(10.96)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 6.39 -6.39 0 21.853 7)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6d6da9" />
<stop offset="1" stop-color="#2a2a81" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M12.646 4.549a.75.75 0 0 0-.75.75v1.122c0 .315-.125.616-.348.838a1.181 1.181 0 0 1-.838.348h-.001a1.185 1.185 0 0 1-1.185-1.186V5.299a.75.75 0 0 0-.75-.75H5.057A3.808 3.808 0 0 0 1.25 8.357v18.344a3.808 3.808 0 0 0 3.807 3.807h21.886a3.808 3.808 0 0 0 3.807-3.807V8.357a3.808 3.808 0 0 0-3.807-3.808h-3.717a.75.75 0 0 0-.75.75v1.122a1.184 1.184 0 0 1-1.185 1.186h-.001c-.315 0-.616-.125-.838-.348a1.181 1.181 0 0 1-.348-.838V5.299a.75.75 0 0 0-.75-.75z"
/>
<path
fill="url(#c)"
d="M1.25 12.928h29.5V8.357a3.808 3.808 0 0 0-3.807-3.808h-3.717a.75.75 0 0 0-.75.75v1.122a1.184 1.184 0 0 1-1.185 1.186h-.001c-.315 0-.616-.125-.838-.348a1.181 1.181 0 0 1-.348-.838V5.299a.75.75 0 0 0-.75-.75h-6.708a.75.75 0 0 0-.75.75v1.122c0 .315-.125.616-.348.838a1.181 1.181 0 0 1-.838.348h-.001a1.185 1.185 0 0 1-1.185-1.186V5.299a.75.75 0 0 0-.75-.75H5.057A3.808 3.808 0 0 0 1.25 8.357z"
/>
<path
fill="url(#d)"
d="M12.438 17.513a4.365 4.365 0 0 0-4.172 4.358c0 1.611.863 4.362 4.123 4.362h7.705c1.186 0 2.088-.427 2.701-1.085.61-.655.939-1.555.939-2.554a3.64 3.64 0 0 0-3.007-3.585 4.635 4.635 0 0 0-4.487-3.483 4.626 4.626 0 0 0-3.802 1.987z"
/>
<g fill="url(#e)">
<path
d="M23.976 4.177a2.686 2.686 0 0 0-2.685-2.685h-.001a2.687 2.687 0 0 0-2.686 2.685v2.244a2.684 2.684 0 0 0 2.686 2.686h.001a2.684 2.684 0 0 0 2.685-2.686zM13.396 4.177a2.686 2.686 0 0 0-2.686-2.685h-.001a2.685 2.685 0 0 0-2.685 2.685v2.244a2.684 2.684 0 0 0 2.685 2.686h.001a2.684 2.684 0 0 0 2.686-2.686z"
/>
</g>
</g>
</svg>
More icons in the same style and category