Add icons to this collection by clicking the heart icon.
Appointment icon - also known as checkup, schedule, calendar, tick, check mark, appointment, time and date, healthcare and medical, and medical appointment. 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="c"
x1="32"
x2="32"
y1="8.5"
y2="46.324"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e1ff" />
<stop offset=".09" stop-color="#00d5fd" />
<stop offset=".55" stop-color="#009df1" />
<stop offset=".772" stop-color="#0087ec" />
<stop offset="1" stop-color="#0081eb" />
</linearGradient>
<linearGradient
id="j"
x1="33.324"
x2="25.674"
y1="21.873"
y2="56.636"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008bed" stop-opacity="0" />
<stop offset=".029" stop-color="#0089ea" stop-opacity=".031" />
<stop offset=".944" stop-color="#064999" />
</linearGradient>
<linearGradient
id="k"
x1="58.03"
x2="46.3"
y1="8.97"
y2="20.7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".7" />
<stop offset=".112" stop-color="#fff" stop-opacity=".672" />
<stop offset=".276" stop-color="#fff" stop-opacity=".594" />
<stop offset=".473" stop-color="#fff" stop-opacity=".467" />
<stop offset=".695" stop-color="#fff" stop-opacity=".29" />
<stop offset=".936" stop-color="#fff" stop-opacity=".065" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="l"
x1="32"
x2="32"
y1="52.806"
y2="50.158"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9f8fd" />
<stop offset=".186" stop-color="#dbf5fd" />
<stop offset=".496" stop-color="#c8f0fd" />
<stop offset="1" stop-color="#9ed3fb" />
</linearGradient>
<linearGradient
id="m"
x1="32"
x2="32"
y1="52.975"
y2="57.156"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c9f3fd" />
<stop offset=".506" stop-color="#c8f1fd" />
<stop offset=".631" stop-color="#bbe8fc" />
<stop offset=".861" stop-color="#9ad2f8" />
<stop offset="1" stop-color="#82c2f5" />
</linearGradient>
<linearGradient
id="n"
x1="32"
x2="32"
y1="52.975"
y2="47.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".075" stop-color="#fcfcfb" />
<stop offset=".516" stop-color="#efebe8" />
<stop offset="1" stop-color="#c7f5ff" />
</linearGradient>
<linearGradient
id="o"
x1="32"
x2="32"
y1="6.7"
y2="46.153"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c9f3fd" />
<stop offset=".506" stop-color="#c8f1fd" />
<stop offset=".663" stop-color="#bbe8fc" />
<stop offset=".95" stop-color="#9ad1fa" />
<stop offset="1" stop-color="#93cdfa" />
</linearGradient>
<linearGradient
id="a"
x1="61.919"
x2="3.749"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c9f3fd" stop-opacity="0" />
<stop offset=".144" stop-color="#c9f2fd" stop-opacity=".128" />
<stop offset=".386" stop-color="#c8f1fd" stop-opacity=".324" />
<stop offset=".506" stop-color="#c8f1fd" stop-opacity=".4" />
<stop offset=".592" stop-color="#c6effd" stop-opacity=".416" />
<stop offset=".674" stop-color="#c0eafc" stop-opacity=".466" />
<stop offset=".756" stop-color="#b6e0fb" stop-opacity=".548" />
<stop offset=".837" stop-color="#a8d4f9" stop-opacity=".664" />
<stop offset=".918" stop-color="#96c3f6" stop-opacity=".813" />
<stop offset=".998" stop-color="#80aff3" stop-opacity=".994" />
<stop offset="1" stop-color="#7faef3" />
</linearGradient>
<linearGradient id="p" x1="31" x2="31" y1="52.975" y2="47.036" href="#a" />
<linearGradient
id="q"
x1="40.206"
x2="24.362"
y1="51.375"
y2="51.375"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#98ccfd" />
<stop offset=".28" stop-color="#b5e2fd" />
<stop offset=".511" stop-color="#c8f1fd" />
<stop offset=".628" stop-color="#c4edfc" />
<stop offset=".741" stop-color="#b8e3fb" />
<stop offset=".853" stop-color="#a5d1f8" />
<stop offset=".963" stop-color="#8ab8f4" />
<stop offset="1" stop-color="#7faef3" />
</linearGradient>
<linearGradient
id="b"
x1="17"
x2="17"
y1="32.012"
y2="27.986"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#48ffb3" />
<stop offset=".392" stop-color="#30ddb2" />
<stop offset=".776" stop-color="#1bc0b1" />
<stop offset=".853" stop-color="#11b4a8" />
<stop offset="1" stop-color="#00a19a" />
</linearGradient>
<linearGradient id="r" x2="17" y1="41.012" y2="36.962" href="#b" />
<linearGradient id="s" x1="27" x2="27" y1="41.012" y2="36.962" href="#b" />
<linearGradient id="t" x1="27" x2="27" y1="32.013" y2="27.986" href="#b" />
<linearGradient id="u" x1="37" x2="37" y1="32.013" y2="27.986" href="#b" />
<linearGradient id="v" x1="37" x2="37" y1="41.012" y2="36.962" href="#b" />
<linearGradient id="w" x1="47" x2="47" y1="41.013" y2="36.962" href="#b" />
<linearGradient id="x" x1="47" x2="47" y1="32.013" y2="27.986" href="#b" />
<linearGradient id="y" x1="37" x2="37" y1="23.163" y2="18.771" href="#b" />
<linearGradient id="z" x1="27" x2="27" y1="23.163" y2="18.771" href="#b" />
<linearGradient id="A" x2="17" y1="23.162" y2="18.771" href="#b" />
<linearGradient
id="B"
x1="32"
x2="32"
y1="5.05"
y2="14.028"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#48ffb3" />
<stop offset=".817" stop-color="#1bc0b1" />
<stop offset=".916" stop-color="#0eb1a6" />
<stop offset="1" stop-color="#00a19a" />
</linearGradient>
<linearGradient
id="C"
x1="32"
x2="32"
y1="46.194"
y2="14.467"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8ffff" />
<stop offset=".307" stop-color="#f5ffff" />
<stop offset=".532" stop-color="#ecffff" />
<stop offset=".731" stop-color="#dcfeff" />
<stop offset=".914" stop-color="#c5fdfe" />
<stop offset="1" stop-color="#b8fdfe" />
</linearGradient>
<linearGradient
id="D"
x1="47"
x2="47"
y1="17.106"
y2="25.106"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff005d" />
<stop offset=".184" stop-color="#ed0054" />
<stop offset=".73" stop-color="#bb003c" />
<stop offset="1" stop-color="#a80033" />
</linearGradient>
<linearGradient id="E" x1="48" x2="48" y1="1.131" y2="8.794" href="#c" />
<linearGradient
id="e"
x1="48"
x2="48"
y1="1.131"
y2="8.446"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0458af" stop-opacity="0" />
<stop offset=".133" stop-color="#0457ad" stop-opacity=".066" />
<stop offset=".352" stop-color="#0454a6" stop-opacity=".246" />
<stop offset=".63" stop-color="#034f9c" stop-opacity=".538" />
<stop offset=".955" stop-color="#03488e" stop-opacity=".94" />
<stop offset="1" stop-color="#03478c" />
</linearGradient>
<linearGradient
id="d"
x1="48"
x2="48"
y1="10.975"
y2="7.512"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#26d0b2" />
<stop offset=".157" stop-color="#21caaf" />
<stop offset="1" stop-color="#0aada3" />
</linearGradient>
<linearGradient id="F" x1="32" x2="32" y1="10.975" y2="7.512" href="#d" />
<linearGradient id="G" x1="16" x2="16" y1="10.975" y2="7.512" href="#d" />
<linearGradient id="H" x1="32" x2="32" y1=".991" y2="8.81" href="#c" />
<linearGradient id="I" x1="32" x2="32" y1="1.131" y2="8.446" href="#e" />
<linearGradient id="J" x1="16" x2="16" y1=".991" y2="8.81" href="#c" />
<linearGradient id="K" x1="16" x2="16" y1="1.131" y2="8.446" href="#e" />
<linearGradient
id="f"
x1="58"
x2="55.937"
y1="27"
y2="27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008bed" stop-opacity="0" />
<stop offset=".031" stop-color="#0089ea" stop-opacity=".031" />
<stop offset="1" stop-color="#064999" />
</linearGradient>
<linearGradient
id="L"
x1="4"
x2="1.937"
y2="27"
gradientTransform="matrix(1 0 0 -1 4 54)"
href="#f"
/>
<linearGradient
id="g"
x1="17"
x2="17"
y1="24.981"
y2="22.728"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9feff" stop-opacity="0" />
<stop offset=".09" stop-color="#cffafe" stop-opacity=".048" />
<stop offset=".253" stop-color="#b3effd" stop-opacity=".175" />
<stop offset=".468" stop-color="#86defa" stop-opacity=".382" />
<stop offset=".727" stop-color="#48c6f7" stop-opacity=".668" />
<stop offset="1" stop-color="#00aaf3" />
</linearGradient>
<linearGradient id="M" x1="27" x2="27" y1="24.981" y2="22.728" href="#g" />
<linearGradient id="N" x1="37" x2="37" y1="24.981" y2="22.728" href="#g" />
<linearGradient id="O" x2="17" y1="33.981" y2="31.728" href="#g" />
<linearGradient id="P" x1="27" x2="27" y1="33.981" y2="31.728" href="#g" />
<linearGradient id="Q" x1="37" x2="37" y1="33.981" y2="31.728" href="#g" />
<linearGradient id="R" x1="47" x2="47" y1="33.981" y2="31.728" href="#g" />
<linearGradient id="S" x2="17" y1="42.981" y2="40.728" href="#g" />
<linearGradient id="T" x1="27" x2="27" y1="42.981" y2="40.728" href="#g" />
<linearGradient id="U" x1="37" x2="37" y1="42.981" y2="40.728" href="#g" />
<linearGradient id="V" x1="47" x2="47" y1="42.981" y2="40.728" href="#g" />
<linearGradient id="W" x1="44" x2="44" y1="23.991" y2="22.864" href="#g" />
<linearGradient id="X" x1="50" x2="50" y1="23.991" y2="22.864" href="#g" />
<linearGradient id="Y" x1="47" x2="47" y1="26.981" y2="24.728" href="#g" />
<linearGradient
id="Z"
x1="49"
x2="49"
y1="30.175"
y2="62.747"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fedede" />
<stop offset=".556" stop-color="#ffc0c0" />
<stop offset="1" stop-color="#ffadad" />
</linearGradient>
<linearGradient
id="aa"
x1="41.522"
x2="41.522"
y1="29.463"
y2="48.163"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8ffff" stop-opacity="0" />
<stop offset=".116" stop-color="#f5fefe" stop-opacity=".025" />
<stop offset=".257" stop-color="#eefafa" stop-opacity=".098" />
<stop offset=".411" stop-color="#e2f4f4" stop-opacity=".22" />
<stop offset=".574" stop-color="#d1ebeb" stop-opacity=".389" />
<stop offset=".745" stop-color="#bbdfe0" stop-opacity=".606" />
<stop offset=".92" stop-color="#a1d2d3" stop-opacity=".867" />
<stop offset="1" stop-color="#94cbcc" />
</linearGradient>
<linearGradient
id="h"
x1="44"
x2="44"
y1="28.75"
y2="63.062"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9797" stop-opacity="0" />
<stop offset=".366" stop-color="#ff9a9a" stop-opacity=".411" />
<stop offset=".673" stop-color="#ff9c9c" stop-opacity=".728" />
<stop offset=".889" stop-color="#ff9d9d" stop-opacity=".924" />
<stop offset=".995" stop-color="#ff9e9e" />
</linearGradient>
<linearGradient id="ab" x1="49" x2="49" y1="35.486" y2="45.017" href="#h" />
<linearGradient id="ac" x1="54" x2="54" y1="35.486" y2="45.017" href="#h" />
<linearGradient id="ad" x1="59" x2="59" y1="38.913" y2="46.09" href="#h" />
<linearGradient
id="i"
x1="45.322"
x2="40.334"
y1="50.971"
y2="54.946"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9797" stop-opacity="0" />
<stop offset=".334" stop-color="#f98787" stop-opacity=".374" />
<stop offset=".659" stop-color="#f47878" stop-opacity=".711" />
<stop offset=".888" stop-color="#f16f6f" stop-opacity=".92" />
<stop offset="1" stop-color="#f06c6c" />
</linearGradient>
<linearGradient id="ae" x1="49" x2="49" y1="56.134" y2="67.42" href="#i" />
<g>
<path
fill="url(#c)"
d="M60 9v38H4V9a2.006 2.006 0 0 1 2-2h52a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="url(#j)"
d="M10 14V7H6a2.006 2.006 0 0 0-2 2v38h56v-5H38a28 28 0 0 1-28-28z"
/>
<path
fill="url(#k)"
d="M46.243 8H58a1 1 0 0 1 1 1v11.757a3 3 0 0 1-5.121 2.122l-9.758-9.758A3 3 0 0 1 46.243 8z"
/>
<path fill="url(#l)" d="m39 50 1 3H24l1-3z" />
<path fill="url(#m)" d="M1 53h62a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4z" />
<path fill="url(#n)" d="M10 47h50l3 6H40l-1-3H25l-1 3H1l3-6z" />
<path
fill="url(#o)"
d="M58 7H6a2.006 2.006 0 0 0-2 2v38h56V9a2.006 2.006 0 0 0-2-2zm1 39H5V9a1 1 0 0 1 1-1h52a1 1 0 0 1 1 1z"
/>
<path fill="url(#a)" d="M1 53h62a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4z" />
<path
fill="url(#p)"
d="M13.472 49H61l-1-2H4l-3 6h6a7.237 7.237 0 0 1 6.472-4z"
/>
<path
fill="url(#q)"
d="M25 50h14l1 3h.244a.233.233 0 0 0-.007-.079l-1-3c-.034-.1-.13-.171-1.237-.171H26c-1.107 0-1.2.069-1.237.171l-1 3a.233.233 0 0 0-.007.079H24z"
/>
<path fill="url(#b)" d="M15 28h4v4h-4z" />
<path fill="url(#r)" d="M15 37h4v4h-4z" />
<path fill="url(#s)" d="M25 37h4v4h-4z" />
<path fill="url(#t)" d="M25 28h4v4h-4z" />
<path fill="url(#u)" d="M35 28h4v4h-4z" />
<path fill="url(#v)" d="M35 37h4v4h-4z" />
<path fill="url(#w)" d="M45 37h4v4h-4z" />
<path fill="url(#x)" d="M45 28h4v4h-4z" />
<path fill="url(#y)" d="M35 19h4v4h-4z" />
<path fill="url(#z)" d="M25 19h4v4h-4z" />
<path fill="url(#A)" d="M15 19h4v4h-4z" />
<path
fill="url(#B)"
d="M56 5v9H8V5h6v2a2 2 0 0 0 4 0V5h12v2a2 2 0 0 0 4 0V5h12v2a2 2 0 0 0 4 0V5z"
/>
<path
fill="url(#C)"
d="M45 28v4h4v-4zM8 14h48v32H8zm41 11v-2h2v-4h-2v-2h-4v2h-2v4h2v2zm0 16v-4h-4v4zm-10 0v-4h-4v4zm0-9v-4h-4v4zm0-9v-4h-4v4zM29 41v-4h-4v4zm0-9v-4h-4v4zm0-9v-4h-4v4zM19 41v-4h-4v4zm0-9v-4h-4v4zm0-9v-4h-4v4z"
/>
<path fill="url(#D)" d="M51 19v4h-2v2h-4v-2h-2v-4h2v-2h4v2z" />
<path
fill="url(#E)"
d="M50 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 50 3z"
/>
<path
fill="url(#e)"
d="M50 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 50 3z"
/>
<path
fill="url(#d)"
d="M48 9a2.006 2.006 0 0 1-2-2v2a2 2 0 0 0 4 0V7a2.006 2.006 0 0 1-2 2z"
/>
<path
fill="url(#F)"
d="M32 9a2.006 2.006 0 0 1-2-2v2a2 2 0 0 0 4 0V7a2.006 2.006 0 0 1-2 2z"
/>
<path
fill="url(#G)"
d="M16 9a2.006 2.006 0 0 1-2-2v2a2 2 0 0 0 4 0V7a2.006 2.006 0 0 1-2 2z"
/>
<path
fill="url(#H)"
d="M34 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 34 3z"
/>
<path
fill="url(#I)"
d="M34 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 34 3z"
/>
<path
fill="url(#J)"
d="M18 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 18 3z"
/>
<path
fill="url(#K)"
d="M18 5v2a2 2 0 0 1-4 0V3a2.006 2.006 0 0 1 2-2 1.955 1.955 0 0 1 1.41.59A1.955 1.955 0 0 1 18 3z"
/>
<path fill="url(#f)" d="M56 8h2v38h-2z" />
<path fill="url(#L)" d="M6 8h2v38H6z" transform="rotate(180 7 27)" />
<path fill="url(#g)" d="M15 23h4v2h-4z" />
<path fill="url(#M)" d="M25 23h4v2h-4z" />
<path fill="url(#N)" d="M35 23h4v2h-4z" />
<path fill="url(#O)" d="M15 32h4v2h-4z" />
<path fill="url(#P)" d="M25 32h4v2h-4z" />
<path fill="url(#Q)" d="M35 32h4v2h-4z" />
<path fill="url(#R)" d="M45 32h4v2h-4z" />
<path fill="url(#S)" d="M15 41h4v2h-4z" />
<path fill="url(#T)" d="M25 41h4v2h-4z" />
<path fill="url(#U)" d="M35 41h4v2h-4z" />
<path fill="url(#V)" d="M45 41h4v2h-4z" />
<path fill="url(#W)" d="M43 23h2v1h-2z" />
<path fill="url(#X)" d="M49 23h2v1h-2z" />
<path fill="url(#Y)" d="M45 25h4v2h-4z" />
<path
fill="url(#Z)"
d="M37.12 43a2.119 2.119 0 0 1 1.5.62L43 48V29.5a2.5 2.5 0 1 1 5 0v8a2.5 2.5 0 0 1 5 0v1a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 1 1 5 0v12.3a6.18 6.18 0 0 1-.45 2.32l-1.1 2.76A6.18 6.18 0 0 0 61 60.2V63H45v-4l-9.56-12.43a2.076 2.076 0 0 1-.44-1.29v-.16A2.121 2.121 0 0 1 37.12 43z"
/>
<path
fill="url(#aa)"
d="M43 29.5a2.519 2.519 0 0 1 .044-.437A2.488 2.488 0 0 0 40 31.5V45l3 3z"
/>
<path
fill="url(#h)"
d="M45 47.586V27.05a2.5 2.5 0 0 0-2 2.45v18.086a1 1 0 0 0 2 0z"
/>
<path
fill="url(#ab)"
d="M48 37.5V45a2 2 0 0 0 2-2v-7.95a2.49 2.49 0 0 0-2 2.45z"
/>
<path
fill="url(#ac)"
d="M53 38.5V45a2 2 0 0 0 2-2v-6.95a2.49 2.49 0 0 0-2 2.45z"
/>
<path
fill="url(#ad)"
d="M58 40.5V45a2 2 0 0 0 2-2v-4.95a2.5 2.5 0 0 0-2 2.45z"
/>
<path
fill="url(#i)"
d="M37.12 43a2.119 2.119 0 0 1 1.5.62L43 48V29.5a2.5 2.5 0 1 1 5 0v8a2.5 2.5 0 0 1 5 0v1a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 1 1 5 0v12.3a6.18 6.18 0 0 1-.45 2.32l-1.1 2.76A6.18 6.18 0 0 0 61 60.2V63H45v-4l-9.56-12.43a2.076 2.076 0 0 1-.44-1.29v-.16A2.121 2.121 0 0 1 37.12 43z"
/>
<path
fill="url(#ae)"
d="M37.12 43a2.119 2.119 0 0 1 1.5.62L43 48V29.5a2.5 2.5 0 1 1 5 0v8a2.5 2.5 0 0 1 5 0v1a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 1 1 5 0v12.3a6.18 6.18 0 0 1-.45 2.32l-1.1 2.76A6.18 6.18 0 0 0 61 60.2V63H45v-4l-9.56-12.43a2.076 2.076 0 0 1-.44-1.29v-.16A2.121 2.121 0 0 1 37.12 43z"
/>
</g>
</svg>
More icons in the same style and category