Add icons to this collection by clicking the heart icon.
Calendar icon - also known as day, calendar, date, sale, reminder, commerce and shopping, daily calendar, black friday, 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 64 64"
>
<linearGradient
id="a"
x1="16"
x2="16"
y1="5.333"
y2="59.003"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3b90" />
<stop offset=".073" stop-color="#fe2eab" />
<stop offset=".139" stop-color="#fe1bd9" />
<stop offset=".2" stop-color="#fd10f3" />
<stop offset=".289" stop-color="#fd0cfa" />
<stop offset=".514" stop-color="#6e3ff3" />
<stop offset=".8" stop-color="#3c41ed" />
<stop offset="1" stop-color="#3a85e9" />
</linearGradient>
<linearGradient id="b" x1="24" x2="24" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="d" x1="40" x2="40" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="e" x1="48" x2="48" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="f" x1="21" x2="21" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="g" x1="13" x2="13" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="h" x1="27" x2="27" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="i" x1="33" x2="33" y1="5.333" y2="59.003" href="#a" />
<linearGradient id="j" x1="41" x2="41" y1="5.333" y2="59.003" href="#a" />
<linearGradient
id="k"
x1="49.996"
x2="49.996"
y1="5.333"
y2="59.003"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M14 38h2a2.987 2.987 0 0 0 2.22-5A2.987 2.987 0 0 0 16 28h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm2-2h-1v-2h1a1 1 0 0 1 0 2zm-1-6h1a1 1 0 0 1 0 2h-1z"
/>
<path
fill="url(#b)"
d="M22 38h4a1 1 0 0 0 0-2h-3v-7a1 1 0 0 0-2 0v8a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M30 38a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 2 0v-6a3 3 0 0 0-6 0v6a1 1 0 0 0 1 1zm1-7a1 1 0 0 1 2 0v1h-2z"
/>
<path
fill="url(#d)"
d="M42 38a1 1 0 0 0 0-2 3 3 0 0 1 0-6 1 1 0 0 0 0-2 5 5 0 0 0 0 10z"
/>
<path
fill="url(#e)"
d="M46 38a1 1 0 0 0 1-1v-1.586l2.293 2.293a1 1 0 0 0 1.414-1.414L47.414 33l3.293-3.293a1 1 0 0 0-1.414-1.414L47 30.586V29a1 1 0 0 0-2 0v8a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M18 44v8a1 1 0 0 0 2 0v-3h.519A1.483 1.483 0 0 1 22 50.481V52a1 1 0 0 0 2 0v-1.519a3.455 3.455 0 0 0-.915-2.332A2.995 2.995 0 0 0 21 43h-2a1 1 0 0 0-1 1zm2 1h1a1 1 0 0 1 0 2h-1z"
/>
<path
fill="url(#g)"
d="M11 53a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 0-2h-3v-2h3a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1z"
/>
<path fill="url(#h)" d="M26 44v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-2 0z" />
<path
fill="url(#i)"
d="M31 43a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1.771A3.233 3.233 0 0 0 36 49.771v-3.542A3.233 3.233 0 0 0 32.771 43zm3 3.229v3.542A1.23 1.23 0 0 1 32.771 51H32v-6h.771A1.23 1.23 0 0 1 34 46.229z"
/>
<path
fill="url(#j)"
d="M38 46v6a1 1 0 0 0 2 0v-3h2v3a1 1 0 0 0 2 0v-6a3 3 0 0 0-6 0zm4 0v1h-2v-1a1 1 0 0 1 2 0z"
/>
<path
fill="url(#k)"
d="M47.697 43.308a1 1 0 1 0-1.41 1.42l2.71 2.689V52a1 1 0 0 0 2 0v-4.583l2.708-2.69a1 1 0 1 0-1.41-1.419l-2.299 2.283z"
/>
<path
fill="url(#c)"
d="M61 10H51V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4H35V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4H19V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4H3a1 1 0 0 0-1 1v47a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1zM47 7h2v8h-2zM31 7h2v8h-2zM15 7h2v8h-2zm-2 5v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4h10v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4h10v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4h9v10H4V12zm47 45H4V24h56z"
/>
</g>
</svg>
More icons in the same style and category