Add icons to this collection by clicking the heart icon.
Calendar icon - also known as user, profile, schedule, calendar, date, birthday, avatar, event, friend, and time and date. Created in a clean flat 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 24 24"
>
<linearGradient
id="b"
x1="2"
x2="22"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="6"
x2="8"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="11"
x2="13"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="16"
x2="18"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="8.5"
x2="15.5"
y1="11.5"
y2="11.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="8"
x2="16"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M19 4H5C3.346 4 2 5.346 2 7v12c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#c)"
d="M7 6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M12 6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M17 6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M12 8c-1.93 0-3.5 1.57-3.5 3.5S10.07 15 12 15s3.5-1.57 3.5-3.5S13.93 8 12 8z"
/>
<path
fill="url(#g)"
d="M16 18.5V22H8v-3.5c0-1.38 1.12-2.5 2.5-2.5h3c1.38 0 2.5 1.12 2.5 2.5z"
/>
</svg>
More icons in the same style and category