Add icons to this collection by clicking the heart icon.
Event icon - also known as time, schedule, calendar, events, event, 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">
<stop offset="0" stop-color="#82d0d9" />
<stop offset=".5" stop-color="#f2ac57" />
<stop offset="1" stop-color="#d94711" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="34"
x2="34"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="24"
x2="24"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="44"
x2="44"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="54"
x2="54"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="14.5"
x2="14.5"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="16.154"
x2="16.154"
y1="1.383"
y2="67.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M59 8h-.025c.01-.167.025-.333.025-.5C59 3.916 56.757 1 54 1s-5 2.916-5 6.5c0 .169.01.334.019.5h-2.044c.01-.167.025-.333.025-.5C47 3.916 44.757 1 42 1s-5 2.916-5 6.5c0 .169.01.334.019.5h-2.044c.01-.167.025-.333.025-.5C35 3.916 32.757 1 30 1s-5 2.916-5 6.5c0 .169.01.334.019.5h-2.044c.01-.167.025-.333.025-.5C23 3.916 20.757 1 18 1s-5 2.916-5 6.5c0 .169.01.334.019.5H13c-2.757 0-5 2.243-5 5v23.557C3.264 38.946 0 43.843 0 49.5 0 57.495 6.505 64 14.5 64S29 57.495 29 49.5c0-.169-.02-.333-.025-.5H59c2.757 0 5-2.243 5-5V13c0-2.757-2.243-5-5-5zm-5-5c1.626 0 3 2.061 3 4.5 0 .168-.012.334-.025.5h-5.94c-.013-.166-.035-.329-.035-.5C51 5.061 52.374 3 54 3zM42 3c1.626 0 3 2.061 3 4.5 0 .168-.012.334-.025.5h-5.94c-.013-.166-.035-.329-.035-.5C39 5.061 40.374 3 42 3zM30 3c1.626 0 3 2.061 3 4.5 0 .168-.012.334-.025.5h-5.94c-.013-.166-.035-.329-.035-.5C27 5.061 28.374 3 30 3zM18 3c1.626 0 3 2.061 3 4.5 0 .168-.012.334-.025.5h-5.94c-.013-.166-.035-.329-.035-.5C15 5.061 16.374 3 18 3zm-3.5 59C7.607 62 2 56.393 2 49.5S7.607 37 14.5 37 27 42.607 27 49.5 21.393 62 14.5 62zM62 44c0 1.654-1.346 3-3 3h-5.429L62 39.273zm-10 1.727V41c0-1.654 1.346-3 3-3h5.43zM62 36h-7c-2.757 0-5 2.243-5 5v6H28.769c-1.19-6.806-7.128-12-14.269-12-1.572 0-3.082.259-4.5.724V18h52zm0-20H10v-3c0-1.654 1.346-3 3-3h.386c.755 2.346 2.539 4 4.614 4a1 1 0 1 0 0-2c-1.015 0-1.931-.803-2.477-2h9.863c.755 2.346 2.539 4 4.614 4a1 1 0 1 0 0-2c-1.015 0-1.931-.803-2.477-2h9.863c.755 2.346 2.539 4 4.614 4a1 1 0 1 0 0-2c-1.015 0-1.931-.803-2.477-2h9.863c.755 2.346 2.539 4 4.614 4a1 1 0 1 0 0-2c-1.015 0-1.931-.803-2.477-2H59c1.654 0 3 1.346 3 3z"
/>
<path
fill="url(#c)"
d="M31 36h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4zM31 27h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#d)"
d="M21 27h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#e)"
d="M41 36h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4zM41 27h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#f)"
d="M51 27h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#e)"
d="M41 45h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#d)"
d="M21 36h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#c)"
d="M31 45h6a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h4v3h-4z"
/>
<path
fill="url(#g)"
d="M14.5 39C8.71 39 4 43.71 4 49.5S8.71 60 14.5 60 25 55.29 25 49.5 20.29 39 14.5 39zm6.798 11.5h1.638a8.51 8.51 0 0 1-7.436 7.436v-1.638a1 1 0 1 0-2 0v1.638A8.51 8.51 0 0 1 6.064 50.5h1.638a1 1 0 1 0 0-2H6.064a8.51 8.51 0 0 1 7.436-7.436v1.638a1 1 0 1 0 2 0v-1.638a8.51 8.51 0 0 1 7.436 7.436h-1.638a1 1 0 1 0 0 2z"
/>
<path
fill="url(#h)"
d="M15.5 49.086v-2.942a1 1 0 1 0-2 0V49.5c0 .266.105.52.293.707l3.309 3.309a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414z"
/>
</svg>
More icons in the same style and category