Add icons to this collection by clicking the heart icon.
Time Recorder icon - also known as clock, time, record, chronometer, alarm clock, timer, electronics, time and date, and time recorder. 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="640"
height="640"
viewBox="0 -72 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="240.896"
x2="239.072"
y1="340.28"
y2="-10.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="168.896"
x2="167.072"
y1="340.648"
y2="-10.328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="169.184"
x2="167.368"
y1="340.648"
y2="-10.328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="96.776"
x2="94.952"
y1="341.024"
y2="-9.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="144.776"
x2="142.952"
y1="340.776"
y2="-10.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="192.768"
x2="190.952"
y1="340.528"
y2="-10.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="240.768"
x2="238.944"
y1="340.28"
y2="-10.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="96.608"
x2="94.784"
y1="341.024"
y2="-9.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="144.608"
x2="142.784"
y1="340.776"
y2="-10.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="192.608"
x2="190.784"
y1="340.528"
y2="-10.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="240.608"
x2="238.784"
y1="340.28"
y2="-10.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="96.44"
x2="94.616"
y1="341.024"
y2="-9.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="144.44"
x2="142.616"
y1="340.776"
y2="-10.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="192.44"
x2="190.616"
y1="340.528"
y2="-10.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="240.44"
x2="238.616"
y1="340.28"
y2="-10.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="385.056"
x2="383.232"
y1="339.528"
y2="-11.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="384.808"
x2="382.984"
y1="339.528"
y2="-11.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="432.72"
x2="430.904"
y1="339.28"
y2="-11.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="384.976"
x2="383.152"
y1="339.528"
y2="-11.448"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="336.64"
x2="334.816"
y1="339.776"
y2="-11.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="201.184"
x2="199.36"
y1="340.48"
y2="-10.496"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="137.192"
x2="135.368"
y1="340.816"
y2="-10.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M456 0H24C10.746 0 0 10.746 0 24v288c0 13.254 10.746 24 24 24h432c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm8 312a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h432a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M288 32H48c-8.836 0-16 7.164-16 16v240c0 8.836 7.164 16 16 16h240c8.836 0 16-7.164 16-16V48c0-8.836-7.164-16-16-16zM48 288V48h240v240zm0 0"
/>
<path
fill="url(#d)"
d="M256 64H80c-8.836 0-16 7.164-16 16v64c0 8.836 7.164 16 16 16h176c8.836 0 16-7.164 16-16V80c0-8.836-7.164-16-16-16zM80 144V80h176v64zm0 0"
/>
<path fill="url(#e)" d="M80 184h32v16H80zm0 0" />
<path fill="url(#f)" d="M128 184h32v16h-32zm0 0" />
<path fill="url(#g)" d="M176 184h32v16h-32zm0 0" />
<path fill="url(#h)" d="M224 184h32v16h-32zm0 0" />
<path fill="url(#i)" d="M80 216h32v16H80zm0 0" />
<path fill="url(#j)" d="M128 216h32v16h-32zm0 0" />
<path fill="url(#k)" d="M176 216h32v16h-32zm0 0" />
<path fill="url(#l)" d="M224 216h32v16h-32zm0 0" />
<path fill="url(#m)" d="M80 248h32v16H80zm0 0" />
<path fill="url(#n)" d="M128 248h32v16h-32zm0 0" />
<path fill="url(#o)" d="M176 248h32v16h-32zm0 0" />
<path fill="url(#p)" d="M224 248h32v16h-32zm0 0" />
<path
fill="url(#q)"
d="M384 112c-13.254 0-24 10.746-24 24h16a8 8 0 0 1 16 0v32h16v-32c0-13.254-10.746-24-24-24zm0 0"
/>
<path
fill="url(#r)"
d="M384 192a8 8 0 0 1-8-8v-32h-16v32c0 13.254 10.746 24 24 24s24-10.746 24-24h-16a8 8 0 0 1-8 8zm0 0"
/>
<path fill="url(#s)" d="M424 152h16v96h-16zm0 0" />
<path
fill="url(#t)"
d="M384 80c-30.914.035-55.965 25.086-56 56v32h16v-32c0-22.09 17.91-40 40-40s40 17.91 40 40h16c-.035-30.914-25.086-55.965-56-56zm0 0"
/>
<path fill="url(#u)" d="M328 184h16v64h-16zm0 0" />
<path fill="url(#d)" d="M160 104h16v16h-16zm0 0" />
<path fill="url(#v)" d="M192 104h16v16h-16zm0 0" />
<path fill="url(#w)" d="M128 104h16v16h-16zm0 0" />
</svg>
More icons in the same style and category