Add icons to this collection by clicking the heart icon.
Calendar icon - also known as calendar, commerce, sale, offer, discount, shopping, price, percentage, bargain, 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 12.7 12.7"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00f" />
        <stop offset="1" stop-color="red" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-117"
        x2="-75"
        y1="63"
        y2="104"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1=".794"
        x2="11.906"
        y1=".965"
        y2="11.813"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-.12"
        x2=".078"
        y1="1.243"
        y2="16.772"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M-108.78 63.012c-.896 0-1.648.754-1.648 1.65v3.402h-3.187c-1.857 0-3.389 1.525-3.389 3.381v24.96c0 1.856 1.532 3.386 3.389 3.386h14.513a1 1 0 0 0 0-2h-14.513a1.366 1.366 0 0 1-1.387-1.387v-21.57h33.432v5.477a1 1 0 0 0 2 0v-8.866a3.395 3.395 0 0 0-3.381-3.38h-3.192v-3.403c0-.896-.752-1.65-1.648-1.65h-3.273a1.67 1.67 0 0 0-1.65 1.65v3.402h-11.143v-3.402c0-.896-.753-1.65-1.649-1.65zm.352 2h2.57v3.052h-2.57zm17.713 0h2.572v3.052h-2.572zm-22.9 5.052h30.664c.782 0 1.38.599 1.38 1.381v1.395h-33.431v-1.395c0-.782.605-1.38 1.387-1.38z"
        transform="matrix(.265 0 0 .265 31.751 -15.812)"
    />
    <path
        fill="url(#c)"
        d="M8.92 5.973A2.992 2.992 0 0 0 5.934 8.96a2.99 2.99 0 0 0 2.986 2.986 2.99 2.99 0 0 0 2.986-2.986A2.992 2.992 0 0 0 8.92 5.973zm0 .529a2.454 2.454 0 0 1 2.457 2.459 2.453 2.453 0 0 1-2.457 2.457 2.453 2.453 0 0 1-2.457-2.457A2.454 2.454 0 0 1 8.92 6.502z"
        transform="translate(.001 -.108)"
    />
    <path
        fill="url(#d)"
        d="M.016 10.523a.762.762 0 0 0-.758.758c0 .415.342.758.758.758a.762.762 0 0 0 .757-.758.762.762 0 0 0-.757-.758zm0 .53c.129 0 .228.1.228.228 0 .13-.1.229-.228.229-.13 0-.229-.1-.229-.229s.1-.228.229-.228zM-.055 13.252a.761.761 0 0 0-.757.756c0 .414.343.756.757.756a.76.76 0 0 0 .756-.756.76.76 0 0 0-.756-.756zm0 .53c.129 0 .227.097.227.226 0 .128-.098.226-.227.226s-.228-.098-.228-.226c0-.129.1-.227.228-.227z"
        transform="scale(1 1.001) rotate(-45 -.13 -.055)"
    />
    <g fill="url(#c)" transform="translate(.001 -.108)">
        <path
            d="m9.24 7.516-1.125 2.687a.265.265 0 0 0 .489.203L9.729 7.72a.265.265 0 0 0-.143-.346c-.129-.052-.281.02-.346.143zM3.01 5.184a.367.367 0 0 1-.367.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .366.367zM4.538 5.184a.367.367 0 0 1-.366.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .366.367zM6.042 5.184a.367.367 0 0 1-.366.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .366.367zM7.63 5.184a.367.367 0 0 1-.367.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .367.367zM3.01 6.824a.367.367 0 0 1-.367.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.366.367.367 0 0 1 .366.366zM4.538 6.824a.367.367 0 0 1-.366.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.366.367.367 0 0 1 .366.366zM6.042 6.824a.367.367 0 0 1-.366.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.366.367.367 0 0 1 .366.366zM3.01 8.571a.367.367 0 0 1-.367.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .366.367zM4.538 8.571a.367.367 0 0 1-.366.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .366.367zM9.215 5.184a.367.367 0 0 1-.367.367.367.367 0 0 1-.367-.367.367.367 0 0 1 .367-.367.367.367 0 0 1 .367.367z"
        />
    </g>
</svg>
More icons in the same style and category