Add icons to this collection by clicking the heart icon.
Calendar icon - also known as interface, cross, calendar, date, symbol, delete, close, cancel, and time and date. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and olive finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-66.267C0-84.566 14.834-99.4 33.133-99.4h364.94c18.299 0 33.133 14.834 33.133 33.133V0z"
transform="translate(7.501 140.033)"
fill="#d5e8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-66.268C0-84.566-14.834-99.4-33.133-99.4h23C8.166-99.4 23-84.566 23-66.268V0Z"
transform="translate(415.707 140.034)"
fill="#b5dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.067C0-283.366 14.834-298.2 33.133-298.2h364.94c18.299 0 33.133 14.834 33.133 33.133V0z"
transform="translate(7.501 371.967)"
fill="#edf5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.067C0-283.366-14.834-298.2-33.133-298.2h23C8.166-298.2 23-283.366 23-265.067V0Z"
transform="translate(415.707 371.967)"
fill="#d5e8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v82.834c0 18.299-14.834 33.133-33.133 33.133h-364.94c-18.299 0-33.133-14.834-33.133-33.133V0z"
transform="translate(438.707 355.4)"
fill="#ff435b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.15 7.417-16.567 16.566-16.567 9.15 0 16.567 7.417 16.567 16.567v49.7c0 9.15-7.417 16.567-16.567 16.567C7.417 66.267 0 58.85 0 49.7Z"
transform="translate(90.333 438.233)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.15 7.417-16.567 16.566-16.567 9.15 0 16.567 7.417 16.567 16.567v49.7c0 9.15-7.417 16.567-16.567 16.567C7.417 66.267 0 58.85 0 49.7Z"
transform="translate(322.267 438.233)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c18.299 0 33.133-14.833 33.133-33.132v-82.835h23v82.835C33.133-14.833 18.299 0 0 0"
transform="translate(405.574 471.367)"
fill="#e3374e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-83.4a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(132.033 256)"
fill="#c3ea21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-83.4a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(264.566 256)"
fill="#76e2f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-83.399a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(397.574 256)"
fill="#c3ea21"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 45.748 37.086 82.833 82.834 82.833 45.747 0 82.833-37.085 82.833-82.833s-37.086-82.833-82.833-82.833C37.086-82.833 0-45.748 0 0"
transform="translate(338.833 90.334)"
fill="#ff435b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-50.267a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(397.574 322.267)"
fill="#9cdd05"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-50.267a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(264.566 322.267)"
fill="#5bccf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-50.267a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8V-8a8 8 0 0 1-8 8"
transform="translate(132.033 322.267)"
fill="#9cdd05"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.904 0-7.74-.29-11.5-.812C28.801-6.413 59.833-40.99 59.833-82.833s-31.032-76.42-71.333-82.021a83.553 83.553 0 0 1 11.5-.813c45.747 0 82.833 37.086 82.833 82.834C82.833-37.085 45.747 0 0 0"
transform="translate(421.667 173.167)"
fill="#e3374e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.571-17.572L-35.144 0a8.283 8.283 0 0 1-11.713 0l-11.715-11.715a8.283 8.283 0 0 1 0-11.714L-41-41l-17.572-17.572a8.284 8.284 0 0 1 0-11.715l11.715-11.714a8.281 8.281 0 0 1 11.713 0l17.573 17.572L0-82.001a8.283 8.283 0 0 1 11.714 0l11.715 11.714a8.286 8.286 0 0 1 0 11.715L5.857-41l17.572 17.571a8.283 8.283 0 0 1 0 11.714L11.715 0A8.286 8.286 0 0 1 0 0"
transform="translate(439.238 131.334)"
fill="#edf5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v265.068C0 283.366-14.834 298.2-33.133 298.2h-50.174"
transform="translate(438.707 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.7c-18.299 0-33.133-14.834-33.133-33.132v-331.335c0-18.299 14.834-33.133 33.133-33.133h298.822"
transform="translate(90.333 471.367)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-198.801"
transform="translate(322.268 471.367)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.15 7.417-16.567 16.566-16.567 9.15 0 16.567 7.417 16.567 16.567v49.7c0 9.15-7.417 16.567-16.567 16.567C7.417 66.267 0 58.85 0 49.7Z"
transform="translate(90.333 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.15 7.417-16.567 16.566-16.567 9.15 0 16.568 7.417 16.568 16.567v49.7c0 9.15-7.418 16.567-16.568 16.567C7.417 66.267 0 58.85 0 49.7Z"
transform="translate(322.267 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.566"
transform="translate(90.333 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.567"
transform="translate(123.466 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.566"
transform="translate(322.267 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.566"
transform="translate(355.4 438.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h431.207"
transform="translate(7.5 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-83.4a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8Z"
transform="translate(132.033 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66.267"
transform="translate(57.2 222.867)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.133"
transform="translate(73.767 189.733)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-83.4a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8Z"
transform="translate(264.566 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66.268"
transform="translate(189.732 222.867)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.133"
transform="translate(206.3 189.733)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-83.399a8 8 0 0 0-8 8v50.267a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8Z"
transform="translate(397.574 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66.267"
transform="translate(322.741 222.867)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.134"
transform="translate(339.308 189.733)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 45.748 37.086 82.833 82.834 82.833 45.747 0 82.833-37.085 82.833-82.833s-37.086-82.833-82.833-82.833C37.086-82.833 0-45.748 0 0Z"
transform="translate(338.833 90.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-17.571-17.572L-35.144 0a8.283 8.283 0 0 1-11.713 0l-11.715-11.715a8.283 8.283 0 0 1 0-11.714L-41-41l-17.572-17.572a8.284 8.284 0 0 1 0-11.715l11.715-11.714a8.281 8.281 0 0 1 11.713 0l17.573 17.572L0-82.001a8.283 8.283 0 0 1 11.714 0l11.715 11.714a8.286 8.286 0 0 1 0 11.715L5.857-41l17.572 17.571a8.283 8.283 0 0 1 0 11.714L11.715 0A8.286 8.286 0 0 1 0 0Z"
transform="translate(439.238 131.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h216.928"
transform="translate(138.467 40.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-33.134c0-18.299 14.834-33.132 33.133-33.132h68.399"
transform="translate(7.5 106.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h84.874"
transform="translate(353.833 388.533)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h316.333"
transform="translate(7.5 388.533)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category