Add icons to this collection by clicking the heart icon.
Calendar icon - also known as heart, calendar, love, event, valentines day, and time and date. Created in a clean 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 512 512"
>
<linearGradient
id="a"
x1="-40.677"
x2="509.61"
y1="96"
y2="96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3bfff1" />
<stop offset=".116" stop-color="#41faf1" />
<stop offset=".272" stop-color="#52ebf3" />
<stop offset=".45" stop-color="#6ed2f5" />
<stop offset=".646" stop-color="#95b0f8" />
<stop offset=".852" stop-color="#c785fc" />
<stop offset="1" stop-color="#ef62ff" />
</linearGradient>
<linearGradient
id="b"
x1="-40.677"
x2="509.61"
y1="228"
y2="228"
href="#a"
/>
<linearGradient
id="c"
x1="-40.677"
x2="509.61"
y1="164"
y2="164"
href="#a"
/>
<linearGradient
id="d"
x1="-40.677"
x2="509.61"
y1="256"
y2="256"
href="#a"
/>
<linearGradient
id="e"
x1="-40.677"
x2="509.61"
y1="232.008"
y2="232.008"
href="#a"
/>
<linearGradient
id="f"
x1="-40.677"
x2="509.61"
y1="424"
y2="424"
href="#a"
/>
<path fill="url(#a)" d="M200 88h152v16H200z" />
<path
fill="url(#b)"
d="M400 288h-41.082A22.944 22.944 0 0 0 336 310.918V352H125.544A13.56 13.56 0 0 1 112 338.456V117.544A13.56 13.56 0 0 1 125.544 104H168V88h-42.456A29.577 29.577 0 0 0 96 117.544v220.912A29.577 29.577 0 0 0 125.544 368H344a8 8 0 0 0 5.657-2.343l64-64A8 8 0 0 0 416 296v-40h-16zm-41.082 16h29.768L352 340.686v-29.768a6.927 6.927 0 0 1 6.918-6.918z"
/>
<path
fill="url(#c)"
d="M386.456 88v16A13.56 13.56 0 0 1 400 117.544V240h16V117.544A29.577 29.577 0 0 0 386.456 88z"
/>
<path
fill="url(#d)"
d="M56 496h400a8 8 0 0 0 7.994-8.3l-16-424A8 8 0 0 0 440 56h-64v-8a32 32 0 0 0-64 0v8H192v-8a32 32 0 0 0-64 0v8H72a8 8 0 0 0-7.994 7.7l-16 424A8 8 0 0 0 56 496zM328 48a16 16 0 0 1 32 0v8h-32zm-184 0a16 16 0 0 1 32 0v8h-32zM79.7 72H176v40a16.019 16.019 0 0 1-16 16v-8h-16v32h16v-8a32.036 32.036 0 0 0 32-32V72h168v40a16.019 16.019 0 0 1-16 16v-8h-16v32h16v-8a32.036 32.036 0 0 0 32-32V72h56.3l15.4 408H64.308z"
/>
<path
fill="url(#e)"
d="M222.059 293.657a8 8 0 0 0 11.314 0l32.2-32.2 12.485 12.485a8 8 0 0 0 11.314 0l44-44a36.285 36.285 0 0 0-49.657-52.871 36.295 36.295 0 0 0-58.934 17.386 36.285 36.285 0 0 0-46.723 55.2zm52-103.716 4 4a8 8 0 0 0 11.314 0l4-4a20.284 20.284 0 1 1 28.686 28.686l-38.343 38.344-6.829-6.829.486-.485a36.284 36.284 0 0 0-25.657-61.941 36.839 36.839 0 0 0-3.971.222 20.3 20.3 0 0 1 26.314 2.003zm-84.686 19.716a20.284 20.284 0 0 1 28.686 0l4 4a8 8 0 0 0 11.314 0l4-4a20.284 20.284 0 0 1 28.686 28.686l-38.343 38.344-38.343-38.344a20.307 20.307 0 0 1 0-28.686z"
/>
<g fill="url(#f)">
<path
d="M168 392v72h16v-32h24v-16h-24v-16h24v-16h-32a8 8 0 0 0-8 8zM224 392v64a8 8 0 0 0 8 8h32v-16h-24v-16h24v-16h-24v-16h24v-16h-32a8 8 0 0 0-8 8zM312.671 384H288a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h24.671A23.355 23.355 0 0 0 336 440.671v-33.342A23.355 23.355 0 0 0 312.671 384zm0 16a7.338 7.338 0 0 1 7.329 7.329V416h-24v-16zm0 48H296v-16h24v8.671a7.338 7.338 0 0 1-7.329 7.329z"
/>
</g>
</svg>
More icons in the same style and category