Add icons to this collection by clicking the heart icon.
Calendar icon - also known as schedule, drop, day, calendar, date, organization, rain, event, 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="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-90 20.617 -4.268) scale(12.349)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6dbeff" />
<stop offset="1" stop-color="#0085f0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#388bcb" />
<stop offset="1" stop-color="#005aaf" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4.5 -4.5 0 13 20)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 1.257 18.786) scale(3.241)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e2f4fe" />
<stop offset="1" stop-color="#4ec0ff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-.117 2.656 -2.656 -.117 14.447 20.845)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 7.68 7.68 0 12.972 26)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-.33 2 -2 -.33 22 18)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 9.562 9.562 0 19.836 21.188)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 3.218 13.143) scale(13.575)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 2.254 8.754) scale(9.568)"
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(#c)"
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(#d)"
d="m11.462 16.829-.001.003S8.872 22.4 8.872 24.778c0 2.067 1.678 3.745 3.745 3.745s3.745-1.678 3.745-3.745c0-2.378-2.59-7.946-2.59-7.946l-.001-.003a1.279 1.279 0 0 0-2.309 0z"
/>
<path
fill="url(#e)"
d="m19.138 15.15-.001.003s-1.93 4.169-1.93 5.949a2.961 2.961 0 0 0 5.921 0c0-1.78-1.93-5.949-1.93-5.949l-.001-.003a1.14 1.14 0 0 0-2.059 0z"
/>
<path
fill="url(#f)"
d="M15.533 21.143a.75.75 0 0 0-.904-.479c-.786.212-1.397.752-1.762 1.117-.392.392-1.221.645-1.866 0a2.317 2.317 0 0 0-.432-.341.749.749 0 0 0-1.105.414c-.351 1.11-.592 2.171-.592 2.924 0 2.067 1.678 3.745 3.745 3.745s3.745-1.678 3.745-3.745c0-.912-.359-2.281-.829-3.635z"
/>
<path
fill="url(#g)"
d="M9.7 21.143a.751.751 0 0 1 .904-.479c.786.212 1.398.752 1.763 1.117.391.392 1.22.645 1.865 0a2.35 2.35 0 0 1 .432-.341.75.75 0 0 1 1.106.414c.351 1.11.592 2.171.592 2.924 0 2.067-1.678 3.745-3.745 3.745s-3.745-1.678-3.745-3.745c0-.912.359-2.281.828-3.635z"
/>
<path
fill="url(#h)"
d="M22.506 18.354a.75.75 0 0 0-.904-.478c-.618.166-1.101.588-1.389.875-.23.23-.718.38-1.098 0a1.891 1.891 0 0 0-.356-.281.75.75 0 0 0-1.106.414c-.266.841-.446 1.647-.446 2.218a2.961 2.961 0 0 0 5.921 0c0-.689-.267-1.724-.622-2.748z"
/>
<path
fill="url(#i)"
d="M17.829 18.354a.75.75 0 0 1 .904-.478c.619.166 1.102.588 1.389.875.231.23.719.38 1.099 0 .114-.114.234-.207.356-.281a.749.749 0 0 1 1.105.414c.266.841.446 1.647.446 2.218a2.961 2.961 0 0 1-5.921 0c0-.689.268-1.724.622-2.748z"
/>
<path
fill="url(#j)"
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"
/>
<g fill="url(#k)">
<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