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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-.095"
y2="65.325"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="17.5"
x2="17.5"
y1="-.095"
y2="65.325"
href="#a"
/>
<linearGradient
id="c"
x1="46.5"
x2="46.5"
y1="-.095"
y2="65.325"
href="#a"
/>
<linearGradient
id="d"
x1="30.146"
x2="30.146"
y1="-.095"
y2="65.325"
href="#a"
/>
<linearGradient id="e" x1="27" x2="27" y1="-.095" y2="65.325" href="#a" />
<linearGradient id="f" x1="35" x2="35" y1="-.095" y2="65.325" href="#a" />
<g>
<path
fill="url(#a)"
d="M50 16h-7V5a3 3 0 0 0-3-3H24a3 3 0 0 0-3 3v11h-7a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3h2v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3h21v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3h1a3 3 0 0 0 3-3V19a3 3 0 0 0-3-3zM23 8h18v10H23zm1-4h16a1 1 0 0 1 1 1v1H23V5a1 1 0 0 1 1-1zm-2 16h20a1 1 0 0 0 1-1v-1h2v4H19v-4h2v1a1 1 0 0 0 1 1zm-2 40h-2v-2h2zm27 0h-2v-2h2zm4-5a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V19a1 1 0 0 1 1-1h3v5a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-5h3a1 1 0 0 1 1 1z"
/>
<path
fill="url(#a)"
d="M32 27a13 13 0 1 0 13 13 13.015 13.015 0 0 0-13-13zm0 24a11 11 0 1 1 11-11 11.013 11.013 0 0 1-11 11z"
/>
<path fill="url(#b)" d="M17 28h3v-2h-4a1 1 0 0 0-1 1v4h2z" />
<path fill="url(#c)" d="M48 26h-4v2h3v3h2v-4a1 1 0 0 0-1-1z" />
<path fill="url(#b)" d="M17 49h-2v4a1 1 0 0 0 1 1h4v-2h-3z" />
<path fill="url(#c)" d="M47 52h-3v2h4a1 1 0 0 0 1-1v-4h-2z" />
<path
fill="url(#d)"
d="m31 39.586-3.707 3.707 1.414 1.414 4-4A1 1 0 0 0 33 40v-8h-2z"
/>
<path fill="url(#e)" d="M25 10h4v2h-4z" />
<path fill="url(#f)" d="M31 10h8v2h-8z" />
<path fill="url(#e)" d="M25 14h4v2h-4z" />
<path fill="url(#f)" d="M31 14h8v2h-8z" />
</g>
</svg>
More icons in the same style and category