Add icons to this collection by clicking the heart icon.
Calendar icon - also known as calendar, date, valentine, event, february 14, and love and romance. 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 64 64"
>
<linearGradient
id="a"
x1="38"
x2="38"
y1="64.313"
y2="8.679"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="44" x2="44" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="c" x1="50" x2="50" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="d" x1="20" x2="20" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="e" x1="32" x2="32" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="f" x1="26" x2="26" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="g" x1="14" x2="14" y1="64.313" y2="8.679" href="#a" />
<linearGradient id="h" x1="42" x2="42" y1="64.313" y2="8.679" href="#a" />
<linearGradient
id="i"
x1="34.309"
x2="34.309"
y1="64.313"
y2="8.679"
href="#a"
/>
<linearGradient
id="j"
x1="52.295"
x2="52.295"
y1="64.313"
y2="8.679"
href="#a"
/>
<g>
<path fill="url(#a)" d="M37 13a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0z" />
<path fill="url(#b)" d="M41 8h6v2h-6z" />
<path fill="url(#c)" d="M49 13a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0z" />
<path fill="url(#d)" d="M17 8h6v2h-6z" />
<path
fill="url(#e)"
d="M11 13v-1H8v8h48v-8h-3v1a3 3 0 0 1-6 0v-1h-6v1a3 3 0 0 1-6 0v-1h-6v1a3 3 0 0 1-6 0v-1h-6v1a3 3 0 0 1-6 0z"
/>
<path fill="url(#f)" d="M25 13a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0z" />
<path fill="url(#e)" d="M29 8h6v2h-6z" />
<path fill="url(#g)" d="M13 13a1 1 0 0 0 2 0V5a1 1 0 0 0-2 0z" />
<path
fill="url(#e)"
d="M56 22H8v34h40v-7a1 1 0 0 1 1-1h7zM20 37a1 1 0 0 1-2 0V27a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2h-5v3h4a1 1 0 0 1 0 2h-4zm8 14a1 1 0 0 1-2 0v-9h-1a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1zm0-14V27a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2h-5v3h4a1 1 0 0 1 0 2h-4v3h5a1 1 0 0 1 0 2h-6a1 1 0 0 1-1-1zm11 13h-1v1a1 1 0 0 1-2 0v-1h-5a1 1 0 0 1-.895-1.447l4-8A1 1 0 0 1 35 40h2a1 1 0 0 1 1 1v7h1a1 1 0 0 1 0 2zm7-15.5a3.5 3.5 0 0 1-3.5 3.5H39a1 1 0 0 1-1-1V27a1 1 0 0 1 1-1h3.5a3.495 3.495 0 0 1 2.442 6A3.485 3.485 0 0 1 46 34.5z"
/>
<path
fill="url(#h)"
d="M42.5 33H40v3h2.5a1.5 1.5 0 0 0 0-3zM42.5 28H40v3h2.5a1.5 1.5 0 0 0 0-3z"
/>
<path
fill="url(#e)"
d="M60 11a3.009 3.009 0 0 0-3-3h-4v2h4a1 1 0 0 1 1 1v38a1.033 1.033 0 0 1-.29.71l-8 8A1.033 1.033 0 0 1 49 58H7a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h4V8H7a3.009 3.009 0 0 0-3 3v46a3.009 3.009 0 0 0 3 3h50a3.009 3.009 0 0 0 3-3z"
/>
<path fill="url(#i)" d="M32.618 48H36v-6h-.382z" />
<path fill="url(#j)" d="M54.59 50H50v4.59z" />
</g>
</svg>
More icons in the same style and category