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="-48 0 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="192.312"
x2="191.4"
y1="483.616"
y2="-14.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="184.304"
x2="183.392"
y1="483.624"
y2="-14.12"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="112.312"
x2="111.4"
y1="483.76"
y2="-13.992"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="192.168"
x2="191.256"
y1="483.616"
y2="-14.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="272.312"
x2="271.4"
y1="483.464"
y2="-14.28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="192.464"
x2="191.552"
y1="483.616"
y2="-14.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="48.536"
x2="47.624"
y1="483.872"
y2="-13.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="336.536"
x2="335.624"
y1="483.352"
y2="-14.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="336.096"
x2="335.184"
y1="483.352"
y2="-14.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="48.096"
x2="47.184"
y1="483.88"
y2="-13.872"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="168.784"
x2="167.872"
y1="483.656"
y2="-14.088"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="248.784"
x2="247.872"
y1="483.512"
y2="-14.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="168.696"
x2="167.784"
y1="483.656"
y2="-14.088"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="248.696"
x2="247.784"
y1="483.512"
y2="-14.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M192 192c-66.273 0-120 53.727-120 120s53.727 120 120 120 120-53.727 120-120c-.074-66.242-53.758-119.926-120-120zm0 224c-57.438 0-104-46.563-104-104s46.563-104 104-104 104 46.563 104 104c-.066 57.41-46.59 103.934-104 104zm0 0"
/>
<path
fill="url(#c)"
d="M200 289.473V256h-16v33.473A23.977 23.977 0 0 0 169.473 304H152v16h17.473c3.699 10.531 14.187 17.11 25.28 15.855a23.949 23.949 0 0 0 21.102-21.101c1.254-11.094-5.324-21.582-15.855-25.281zM192 320a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path fill="url(#d)" d="M104 304h16v16h-16zm0 0" />
<path fill="url(#e)" d="M184 384h16v16h-16zm0 0" />
<path fill="url(#f)" d="M264 304h16v16h-16zm0 0" />
<path fill="url(#g)" d="M184 224h16v16h-16zm0 0" />
<path
fill="url(#b)"
d="M360 144h-48V32c0-2.52-1.188-4.89-3.2-6.398l-32-24A8.006 8.006 0 0 0 272 0H88c-8.836 0-16 7.164-16 16v128H24c-13.254 0-24 10.746-24 24v288c0 13.254 10.746 24 24 24h336c13.254 0 24-10.746 24-24V168c0-13.254-10.746-24-24-24zM88 16h181.336L296 36v108H88zm280 440a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V168a8 8 0 0 1 8-8h336a8 8 0 0 1 8 8zm0 0"
/>
<path fill="url(#h)" d="M40 184h16v16H40zm0 0" />
<path fill="url(#i)" d="M328 184h16v16h-16zm0 0" />
<path fill="url(#j)" d="M328 424h16v16h-16zm0 0" />
<path fill="url(#k)" d="M40 424h16v16H40zm0 0" />
<path fill="url(#l)" d="M120 48h96v16h-96zm0 0" />
<path fill="url(#m)" d="M232 48h32v16h-32zm0 0" />
<path fill="url(#n)" d="M120 96h96v16h-96zm0 0" />
<path fill="url(#o)" d="M232 96h32v16h-32zm0 0" />
</svg>
More icons in the same style and category