Add icons to this collection by clicking the heart icon.
Calendar icon - also known as day, calendar, new year, time and date, and 1. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="g"
x1="562.168"
x2="476.457"
y1="-92.234"
y2="-6.523"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="177.056"
x2="389.386"
y1="381.364"
y2="-62.203"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="i"
x1="66.27"
x2="134.262"
y1="454.207"
y2="454.207"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient
id="j"
x1="120.811"
x2="76.21"
y1="470.08"
y2="489.795"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="96.807"
x2="114.26"
y1="413.794"
y2="381.474"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="107.156"
x2="175.148"
y1="454.207"
y2="454.207"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="164.828"
x2="129.276"
y1="467.427"
y2="487.142"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="140.777"
x2="156.29"
y1="410.49"
y2="390.775"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="319.66"
x2="387.652"
y1="454.207"
y2="454.207"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="368.535"
x2="339.448"
y1="472.578"
y2="485.506"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="352.692"
x2="375.963"
y1="411.846"
y2="388.252"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="360.547"
x2="428.539"
y1="454.207"
y2="454.207"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="413.358"
x2="364.232"
y1="470.722"
y2="493.346"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="388.935"
x2="414.468"
y1="417.529"
y2="378.422"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#efdcfb" stop-opacity="0" />
<stop offset=".486" stop-color="#baaad6" stop-opacity=".486" />
<stop offset="1" stop-color="#8679b2" />
</linearGradient>
<linearGradient
id="u"
x1="390.873"
x2="157.029"
y1="99.788"
y2="291.811"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="188.855"
x2="314.155"
y1="293.43"
y2="156.083"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<linearGradient
id="w"
x1="81.496"
x2="117.306"
y1="254.552"
y2="206.806"
gradientTransform="matrix(1 .002 .002 -1 89.779 661.79)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="13.716"
x2="55.967"
y1="303.7"
y2="247.365"
gradientTransform="matrix(1 .002 .002 -1 89.779 661.79)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="236.048"
x2="266.499"
y1="446.197"
y2="405.595"
gradientTransform="matrix(1 .002 .002 -1 89.779 661.79)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="377.556"
x2="431.056"
y1="357.731"
y2="304.23"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="A"
x1="207.541"
x2="259.941"
y1="388.151"
y2="335.75"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="B"
x1="247.404"
x2="247.404"
y1="49.504"
y2="13.615"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="107.277"
x2="75.944"
y1="287.567"
y2="262.9"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="D"
x1="105.121"
x2="86.049"
y1="241.263"
y2="205.662"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="E"
x1="114.452"
x2="91.566"
y1="351.492"
y2="319.07"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="399.63"
x2="381.807"
y1="148.346"
y2="128.985"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="390.097"
x2="376.535"
y1="224.995"
y2="205.923"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="H"
x1="391.766"
x2="377.937"
y1="106.637"
y2="80.823"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="397.546"
x2="379.478"
y1="190.372"
y2="164.776"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#g)"
d="M76.885 510h364.938c21.605 0 39.124-16.492 39.124-36.83V129.633a38.914 38.914 0 0 0-.969-7.829s-.712-3.118-1.875-5.956c-1.832-4.472-6.351-11.53-14.153-16.584-6.286-4.072-13.913-6.461-22.128-6.461H76.886c-21.605 0-39.124 16.492-39.124 36.83V473.17c0 15.456 10.121 28.686 24.47 34.142A40.495 40.495 0 0 0 76.885 510z"
/>
<path
fill="url(#h)"
d="M67.602 494.494h359.601c21.289 0 38.552-17.263 38.552-38.552V96.341a52.429 52.429 0 0 0-6.125-18.428 52.398 52.398 0 0 0-10.621-13.36 38.346 38.346 0 0 0-21.804-6.763H67.604c-21.289 0-38.552 17.263-38.552 38.552v359.601c0 16.179 9.973 30.028 24.112 35.739l.011.011a38.429 38.429 0 0 0 14.427 2.801zm33.712-378.904c-8.685 0-15.717-7.043-15.717-15.728s7.032-15.717 15.717-15.717 15.728 7.032 15.728 15.717-7.043 15.728-15.728 15.728zm40.885 0c-8.674 0-15.717-7.043-15.717-15.728s7.043-15.717 15.717-15.717c8.685 0 15.728 7.032 15.728 15.717s-7.043 15.728-15.728 15.728zm212.504 0c-8.674 0-15.717-7.043-15.717-15.728s7.043-15.717 15.717-15.717c8.685 0 15.728 7.032 15.728 15.717s-7.043 15.728-15.728 15.728zm40.896 0c-8.685 0-15.728-7.043-15.728-15.728s7.043-15.717 15.728-15.717c8.674 0 15.717 7.032 15.717 15.717s-7.043 15.728-15.717 15.728z"
/>
<path
fill="url(#i)"
d="M100.266 115.587c-19.698 0-33.996-24.305-33.996-57.793S80.567 0 100.266 0s33.996 24.306 33.996 57.794h-26.839c0-13.991-3.402-23.754-6.159-28.379a1.163 1.163 0 0 0-1.996 0c-2.756 4.625-6.159 14.388-6.159 28.379 0 15.702 4.286 26.078 7.134 29.843 1.777-2.361 4.918-3.226 7.606-2.004 13.954 6.347 11.419 27.084-3.699 29.627a23.383 23.383 0 0 1-3.884.327z"
/>
<path
fill="url(#j)"
d="M133.064 57.794c0-22.154-8.947-40.113-19.983-40.113-8.222 0-15.281 9.971-18.348 24.214 1.238-5.67 2.988-9.884 4.535-12.48a1.163 1.163 0 0 1 1.996 0c2.756 4.625 6.159 14.388 6.159 28.379z"
/>
<path
fill="url(#k)"
d="M100.266 115.587c1.137 0 2.449-.085 3.885-.327 15.117-2.544 17.653-23.28 3.699-29.627-2.687-1.222-5.829-.357-7.606 2.004-1.442-1.906-3.251-5.513-4.688-10.642h-27.57c4.348 23.179 16.598 38.592 32.28 38.592z"
/>
<path
fill="url(#l)"
d="M141.152 115.587c-19.698 0-33.996-24.305-33.996-57.793S121.454 0 141.152 0s33.996 24.306 33.996 57.794h-26.839c0-13.991-3.402-23.754-6.159-28.379a1.163 1.163 0 0 0-1.996 0c-2.756 4.625-6.159 14.388-6.159 28.379 0 15.702 4.286 26.078 7.134 29.843 1.777-2.361 4.918-3.226 7.606-2.004 13.954 6.347 11.419 27.084-3.699 29.627a23.383 23.383 0 0 1-3.884.327z"
/>
<path
fill="url(#m)"
d="M173.95 57.794c0-22.154-8.947-40.113-19.983-40.113-8.222 0-15.281 9.971-18.348 24.214 1.238-5.67 2.988-9.884 4.535-12.48a1.163 1.163 0 0 1 1.996 0c2.756 4.625 6.159 14.388 6.159 28.379z"
/>
<path
fill="url(#n)"
d="M141.152 115.587c1.137 0 2.449-.085 3.885-.327 15.117-2.544 17.653-23.28 3.699-29.627-2.687-1.222-5.829-.357-7.606 2.004-1.442-1.906-3.251-5.513-4.688-10.642h-27.569c4.347 23.179 16.597 38.592 32.279 38.592z"
/>
<path
fill="url(#o)"
d="M353.656 115.587c-19.698 0-33.996-24.305-33.996-57.793S333.958 0 353.656 0s33.996 24.306 33.996 57.794h-26.839c0-13.991-3.402-23.754-6.159-28.379a1.163 1.163 0 0 0-1.996 0c-2.756 4.625-6.159 14.388-6.159 28.379 0 15.702 4.286 26.078 7.134 29.843 1.777-2.361 4.918-3.226 7.606-2.004 13.954 6.347 11.419 27.084-3.699 29.627a23.366 23.366 0 0 1-3.884.327z"
/>
<path
fill="url(#p)"
d="M386.455 57.794c0-22.154-8.947-40.113-19.983-40.113-8.222 0-15.281 9.971-18.348 24.214 1.238-5.67 2.988-9.884 4.535-12.48a1.163 1.163 0 0 1 1.996 0c2.756 4.625 6.159 14.388 6.159 28.379z"
/>
<path
fill="url(#q)"
d="M353.656 115.587c1.137 0 2.449-.085 3.885-.327 15.117-2.544 17.653-23.28 3.699-29.627-2.687-1.222-5.829-.357-7.606 2.004-1.442-1.906-3.251-5.513-4.688-10.642h-27.569c4.347 23.179 16.597 38.592 32.279 38.592z"
/>
<path
fill="url(#r)"
d="M394.543 115.587c-19.698 0-33.996-24.305-33.996-57.793S374.844 0 394.543 0s33.996 24.306 33.996 57.794H401.7c0-13.991-3.402-23.754-6.159-28.379a1.163 1.163 0 0 0-1.996 0c-2.756 4.625-6.159 14.388-6.159 28.379 0 15.702 4.286 26.078 7.134 29.843 1.777-2.361 4.918-3.226 7.606-2.004 13.954 6.347 11.419 27.084-3.699 29.627a23.383 23.383 0 0 1-3.884.327z"
/>
<path
fill="url(#s)"
d="M427.341 57.794c0-22.154-8.947-40.113-19.983-40.113-8.222 0-15.281 9.971-18.348 24.214 1.238-5.67 2.988-9.884 4.535-12.48a1.163 1.163 0 0 1 1.996 0c2.756 4.625 6.159 14.388 6.159 28.379z"
/>
<path
fill="url(#t)"
d="M394.543 115.587c1.137 0 2.449-.085 3.885-.327 15.117-2.544 17.653-23.28 3.699-29.627-2.687-1.222-5.829-.357-7.606 2.004-1.442-1.906-3.251-5.513-4.688-10.642h-27.569c4.346 23.179 16.596 38.592 32.279 38.592z"
/>
<path
fill="url(#u)"
d="M465.756 455.941v-83.433L286.927 193.679c-3.593-6.053-12.41-9.67-20.282-9.67-3.499 0-6.679.636-9.223 2.226l-41.978 25.441c-6.36 3.816-9.223 10.177-9.223 16.855 0 7.264 3.457 14.524 8.965 17.844l23.791 24.405v131.069c0 4.725 2.676 8.351 6.781 10.882l81.762 81.762h99.685c21.288 0 38.551-17.263 38.551-38.552z"
/>
<path
fill="url(#v)"
d="m238.977 239.98-9.223 5.724c-2.862 1.908-5.724 2.544-7.95 2.544-9.223 0-15.583-9.859-15.583-19.717 0-6.678 2.863-13.039 9.223-16.855l41.978-25.441c2.544-1.59 5.724-2.226 9.223-2.226 10.176 0 21.942 6.042 21.942 15.583v202.257c0 10.176-12.403 15.265-24.806 15.265-12.402 0-24.805-5.088-24.805-15.265V239.98z"
/>
<path
fill="url(#w)"
d="M214.599 425.696a96.284 96.284 0 0 0-28.371 28.539c-1.649 2.563-5.456 2.556-7.096-.013a96.28 96.28 0 0 0-28.266-28.642c-2.514-1.651-2.507-5.405.013-7.047a96.269 96.269 0 0 0 28.37-28.539c1.649-2.563 5.456-2.556 7.096.013a96.282 96.282 0 0 0 28.267 28.642c2.514 1.651 2.507 5.405-.013 7.047z"
/>
<path
fill="url(#x)"
d="M154.618 379.72a113.593 113.593 0 0 0-33.474 33.673c-1.946 3.024-6.437 3.016-8.372-.015a113.588 113.588 0 0 0-33.351-33.794c-2.966-1.948-2.958-6.378.015-8.315a113.593 113.593 0 0 0 33.474-33.673c1.946-3.024 6.437-3.016 8.372.015a113.589 113.589 0 0 0 33.351 33.794c2.965 1.948 2.957 6.377-.015 8.315z"
/>
<path
fill="url(#y)"
d="M363.082 231.589a81.86 81.86 0 0 0-24.126 24.269c-1.403 2.18-4.64 2.174-6.034-.011a81.843 81.843 0 0 0-24.037-24.356c-2.137-1.404-2.132-4.597.011-5.993a81.845 81.845 0 0 0 24.125-24.269c1.402-2.18 4.639-2.174 6.034.011a81.867 81.867 0 0 0 24.037 24.356c2.138 1.404 2.132 4.597-.01 5.993z"
/>
<path
fill="url(#z)"
d="M393.059 217.28a129.061 129.061 0 0 0-38.254-38.029c-3.436-2.211-3.426-7.313.017-9.511a129.034 129.034 0 0 0 38.392-37.889c2.213-3.369 7.246-3.36 9.446.017a129.046 129.046 0 0 0 38.254 38.028c3.436 2.211 3.426 7.313-.017 9.511a129.057 129.057 0 0 0-38.392 37.889c-2.213 3.37-7.245 3.361-9.446-.016z"
/>
<path
fill="url(#A)"
d="M222.725 185.564a126.398 126.398 0 0 0-37.468-37.247c-3.365-2.165-3.356-7.163.017-9.316a126.394 126.394 0 0 0 37.603-37.11c2.168-3.3 7.097-3.291 9.252.017a126.371 126.371 0 0 0 37.468 37.246c3.365 2.165 3.356 7.163-.017 9.316a126.406 126.406 0 0 0-37.603 37.11c-2.167 3.301-7.096 3.292-9.252-.016z"
/>
<path
fill="url(#B)"
d="M67.603 494.491h359.601c21.289 0 38.552-17.263 38.552-38.552V419.02H29.052v36.921c0 16.179 9.973 30.028 24.112 35.739l.011.011a38.165 38.165 0 0 0 14.428 2.8z"
/>
<path
fill="url(#C)"
d="M128.288 243.971 92.934 261.06c-12.739 6.158-27.533-3.123-27.533-17.272v-15.245a15.845 15.845 0 0 1 8.95-14.267l35.354-17.089c12.739-6.158 27.533 3.123 27.533 17.272v15.245a15.847 15.847 0 0 1-8.95 14.267z"
/>
<path
fill="url(#D)"
d="M130.621 329.645 85.637 300.78a43.997 43.997 0 0 1-20.236-37.028v-35.209a15.466 15.466 0 0 0 7.114 13.017l44.487 28.545a43.997 43.997 0 0 1 20.236 37.028v18.895c0 3.398-3.758 5.451-6.617 3.617z"
/>
<path
fill="url(#E)"
d="m72.017 127.442 44.984 28.864a43.997 43.997 0 0 1 20.236 37.028v35.209a15.466 15.466 0 0 0-7.114-13.017l-44.487-28.545A43.997 43.997 0 0 1 65.4 149.953v-18.895c.001-3.397 3.758-5.451 6.617-3.616z"
/>
<path
fill="url(#F)"
d="m408.565 385.956-25.635 12.391c-9.237 4.465-19.964-2.265-19.964-12.524v-11.054c0-4.408 2.521-8.427 6.49-10.345l25.635-12.391c9.237-4.465 19.964 2.265 19.964 12.524v11.054a11.492 11.492 0 0 1-6.49 10.345z"
/>
<path
fill="url(#G)"
d="m392.694 311.298-9.764 4.72c-9.237 4.465-19.964-2.265-19.964-12.524V292.44c0-4.408 2.521-8.427 6.49-10.345l40.968-19.803c2.142-1.036 4.63.525 4.63 2.905v10.457a39.591 39.591 0 0 1-22.36 35.644z"
/>
<path
fill="url(#H)"
d="m410.256 448.077-32.618-20.929a31.9 31.9 0 0 1-14.673-26.849v-25.53c0 3.819 1.944 7.376 5.158 9.439l32.257 20.698a31.9 31.9 0 0 1 14.673 26.849v13.7c.001 2.464-2.723 3.953-4.797 2.622z"
/>
<path
fill="url(#I)"
d="m400.381 322.576-32.257-20.698a11.213 11.213 0 0 1-5.158-9.439v25.576a31.902 31.902 0 0 0 14.673 26.849l32.257 20.698a11.215 11.215 0 0 1 5.158 9.439v-25.575a31.901 31.901 0 0 0-14.673-26.85z"
/>
</svg>
More icons in the same style and category