Calendar Date

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 356 356"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#448fae" />
        <stop offset="1" stop-color="#22647f" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 61.111 122.222) scale(38.889)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 25 152.778) scale(172.222)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ebf9f8" />
        <stop offset="1" stop-color="#c0c4f6" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(84.805 46.304 136.226) scale(61.363)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff6f96" />
        <stop offset="1" stop-color="#e44444" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(69.775 -43.305 184.131) scale(112.492)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7fe1ef" />
        <stop offset="1" stop-color="#0bb2f5" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(75.964 -41.186 203.954) scale(45.812)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <circle cx="116.667" cy="83.333" r="22.222" fill="url(#b)" />
        <circle cx="238.889" cy="83.333" r="22.222" fill="url(#b)" />
        <path
            fill="url(#c)"
            d="M316.667 105.556a22.226 22.226 0 0 0-22.223-22.223H61.111a22.222 22.222 0 0 0-22.222 22.223v172.222a22.218 22.218 0 0 0 6.509 15.713A22.218 22.218 0 0 0 61.111 300h233.333a22.222 22.222 0 0 0 22.223-22.222V105.556z"
        />
        <path
            fill="url(#d)"
            d="M316.667 105.556a22.226 22.226 0 0 0-22.223-22.223H61.111a22.222 22.222 0 0 0-22.222 22.223v27.777h277.778z"
        />
        <circle cx="177.778" cy="216.667" r="55.556" fill="url(#e)" />
        <path
            fill="url(#f)"
            d="m168.792 228.336 29.768-34.729a5.558 5.558 0 0 1 7.833-.603 5.56 5.56 0 0 1 .603 7.834l-33.333 38.889a5.557 5.557 0 0 1-7.775.652l-16.667-13.889a5.558 5.558 0 0 1-.711-7.824 5.557 5.557 0 0 1 7.824-.712z"
        />
    </g>
</svg>