Add icons to this collection by clicking the heart icon.
Calendar icon - also known as interface, time, schedule, calendar, date, organization, administration, calendars, 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="16.706"
x2="-46.796"
y1="640.707"
y2="577.204"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M352 96c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="18.706"
x2="-44.796"
y1="638.707"
y2="575.204"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M384 80h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="14.706"
x2="-48.796"
y1="642.707"
y2="579.204"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M320 80h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="26.706"
x2="-36.796"
y1="630.707"
y2="567.204"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M120 472h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="28.705"
x2="-34.795"
y1="628.708"
y2="565.205"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M144 472c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="24.706"
x2="-38.796"
y1="632.707"
y2="569.204"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M80 472c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="22.206"
x2="-41.296"
y1="635.207"
y2="571.702"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M504 24h-80V8c0-4.8-3.2-8-8-8h-32c-4.8 0-8 3.2-8 8v16H168V8c0-4.8-3.2-8-8-8h-32c-4.8 0-8 3.2-8 8v16H8c-4.8 0-8 3.2-8 8v472c0 4.8 3.2 8 8 8h496c4.8 0 8-3.2 8-8V384c0-4.8-3.2-8-8-8s-8 3.2-8 8v112H48V88c0-4.8-3.2-8-8-8s-8 3.2-8 8v408H16V40h16v16c0 4.8 3.2 8 8 8s8-3.2 8-8V40h72v24c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8V40h208v24c0 4.8 3.2 8 8 8h32c4.8 0 8-3.2 8-8V40h72v264c0 4.8 3.2 8 8 8s8-3.2 8-8V32c0-4.8-3.2-8-8-8zM152 56h-16V16h16v40zm256 0h-16V16h16v40z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="42.456"
x2="-21.046"
y1="614.957"
y2="551.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M504 328c-4.8 0-8 3.2-8 8v16c0 4.8 3.2 8 8 8s8-3.2 8-8v-16c0-4.8-3.2-8-8-8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="4.456"
x2="-59.044"
y1="652.957"
y2="589.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 120c0-4.8-3.2-8-8-8H72c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40H80v-32h32v32z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="9.958"
x2="-53.547"
y1="647.458"
y2="583.953"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216 120c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="15.456"
x2="-48.046"
y1="641.957"
y2="578.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M304 120c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="20.958"
x2="-42.547"
y1="636.458"
y2="572.955"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M392 120c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="26.456"
x2="-37.046"
y1="630.957"
y2="567.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M480 120c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="9.958"
x2="-53.547"
y1="647.458"
y2="583.953"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 208c0-4.8-3.2-8-8-8H72c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40H80v-32h32v32z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="15.456"
x2="-48.046"
y1="641.957"
y2="578.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216 208c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="20.959"
x2="-42.547"
y1="636.457"
y2="572.955"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M304 208c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="26.456"
x2="-37.046"
y1="630.957"
y2="567.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M392 208c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="31.958"
x2="-31.547"
y1="625.458"
y2="561.955"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M480 208c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="15.456"
x2="-48.046"
y1="641.957"
y2="578.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 296c0-4.8-3.2-8-8-8H72c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40H80v-32h32v32z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="20.959"
x2="-42.546"
y1="636.457"
y2="572.954"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M216 296c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="26.456"
x2="-37.046"
y1="630.957"
y2="567.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M304 296c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="31.959"
x2="-31.547"
y1="625.457"
y2="561.955"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M392 296c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40h-32v-32h32v32z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="37.456"
x2="-26.046"
y1="619.957"
y2="556.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M472 288h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8zm-8 48h-32v-32h32v32z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="20.959"
x2="-42.546"
y1="636.457"
y2="572.954"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M128 384c0-4.8-3.2-8-8-8H72c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48zm-16 40H80v-32h32v32z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="26.456"
x2="-37.046"
y1="630.957"
y2="567.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M208 440c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48zm-40-48h32v32h-32v-32z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="31.959"
x2="-31.546"
y1="625.457"
y2="561.954"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M296 376h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8h48c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8zm-8 48h-32v-32h32v32z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="37.456"
x2="-26.046"
y1="619.957"
y2="556.454"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M336 440h48c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8h-48c-4.8 0-8 3.2-8 8v48c0 4.8 3.2 8 8 8zm8-48h32v32h-32v-32z"
fill="url(#A)"
/>
</svg>
More icons in the same style and category