Add icons to this collection by clicking the heart icon.
Calendar icon - also known as schedule, day, calendar, date, month, and time and date. Created in a clean lineal 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-3.724"
x2="-3.724"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M503.467 366.933v-68.267c0-18.85-15.283-34.133-34.133-34.133h-68.267V51.2c0-18.85-15.283-34.133-34.133-34.133H358.4V0h-17.067v17.067H307.2V0h-17.067v17.067H256V0h-17.067v17.067H204.8V0h-17.067v17.067H153.6V0h-17.067v17.067H102.4V0H85.333v17.067H76.8c-18.85 0-34.133 15.283-34.133 34.133v392.533c0 18.85 15.283 34.133 34.133 34.133h341.333c18.85 0 34.133-15.283 34.133-34.133v-68.267h42.667c4.711.001 8.534-3.822 8.534-8.533zM59.733 51.2c0-9.429 7.637-17.067 17.067-17.067h8.533V51.2H102.4V34.133h34.133V51.2H153.6V34.133h34.133V51.2H204.8V34.133h34.133V51.2H256V34.133h34.133V51.2H307.2V34.133h34.133V51.2H358.4V34.133h8.533C376.362 34.133 384 41.77 384 51.2v17.067H59.733V51.2zM76.8 460.8c-9.429 0-17.067-7.637-17.067-17.067v-358.4H384v358.4a33.867 33.867 0 0 0 4.582 17.067H76.8zm358.4-162.133v145.067c0 9.429-7.637 17.067-17.067 17.067-9.429 0-17.067-7.637-17.067-17.067V281.6h38.878a33.771 33.771 0 0 0-4.744 17.067zm51.2 59.733h-34.133v-59.733c0-9.429 7.637-17.067 17.067-17.067 9.429 0 17.067 7.637 17.067 17.067V358.4z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-9.725"
x2="-9.725"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M349.867 110.933h-256a8.536 8.536 0 0 0-8.533 8.533v204.8a8.536 8.536 0 0 0 8.533 8.533h256a8.536 8.536 0 0 0 8.533-8.533v-204.8a8.536 8.536 0 0 0-8.533-8.533zm-213.334 204.8H102.4V281.6h34.133v34.133zm0-51.2H102.4V230.4h34.133v34.133zm0-51.2H102.4V179.2h34.133v34.133zm0-51.2H102.4V128h34.133v34.133zm51.2 153.6H153.6V281.6h34.133v34.133zm0-51.2H153.6V230.4h34.133v34.133zm0-51.2H153.6V179.2h34.133v34.133zm0-51.2H153.6V128h34.133v34.133zm51.2 153.6H204.8V281.6h34.133v34.133zm0-51.2H204.8V230.4h34.133v34.133zm0-51.2H204.8V179.2h34.133v34.133zm0-51.2H204.8V128h34.133v34.133zm51.2 153.6H256V281.6h34.133v34.133zm0-51.2H256V230.4h34.133v34.133zm0-51.2H256V179.2h34.133v34.133zm0-51.2H256V128h34.133v34.133zm51.2 153.6H307.2V281.6h34.133v34.133zm0-51.2H307.2V230.4h34.133v34.133zm0-51.2H307.2V179.2h34.133v34.133zm0-51.2H307.2V128h34.133v34.133z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-17.724"
x2="-17.724"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M145.067 349.867h17.067v17.067h-17.067z" fill="url(#c)" />
<linearGradient
id="d"
x1="-6.724"
x2="-6.724"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M179.2 349.867h136.533v17.067H179.2z" fill="url(#d)" />
<linearGradient
id="e"
x1="-9.725"
x2="-9.725"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M128 384h187.733v17.067H128z" fill="url(#e)" />
<linearGradient
id="f"
x1="-11.725"
x2="-11.725"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M128 418.133h153.6V435.2H128z" fill="url(#f)" />
<linearGradient
id="g"
x1="-33.724"
x2="-33.724"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M8.533 273.067H25.6V409.6H8.533z" fill="url(#g)" />
<linearGradient
id="h"
x1="-33.724"
x2="-33.724"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M8.533 238.933H25.6V256H8.533z" fill="url(#h)" />
<linearGradient
id="i"
x1="13.275"
x2="13.275"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M486.4 452.267v-34.133h-17.067v34.133c-.026 23.552-19.115 42.641-42.667 42.667h-76.8V512h76.8c32.973-.034 59.7-26.761 59.734-59.733z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="2.276"
x2="2.276"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M315.733 494.933H332.8V512h-17.067z" fill="url(#j)" />
<linearGradient
id="k"
x1="14.275"
x2="14.275"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M418.133 68.267H435.2v119.467h-17.067z" fill="url(#k)" />
<linearGradient
id="l"
x1="14.275"
x2="14.275"
y1="637.632"
y2="571.611"
gradientTransform="matrix(8.5333 0 0 -8.5333 304.849 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M418.133 204.8H435.2v17.067h-17.067z" fill="url(#l)" />
</svg>
More icons in the same style and category