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 outline color style with a white, silver, gray, yellow, and orange finish, 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"
>
<path fill="#f5faff" d="M18 3h28v15H18z" />
<path fill="#e6f0ff" d="M20 5h26v13H20z" />
<path fill="#5a6978" d="M16 18h32a2 2 0 0 1 2 2v3H14v-3a2 2 0 0 1 2-2z" />
<path fill="#4a5660" d="M18 20h30a2 2 0 0 1 2 2v1H16v-1a2 2 0 0 1 2-2z" />
<rect width="48" height="38" x="8" y="23" fill="#ffd246" rx="3" />
<rect width="46" height="36" x="10" y="25" fill="#ffbe37" rx="3" />
<g fill="#faaf28">
<circle cx="14" cy="29" r="2" />
<circle cx="50" cy="29" r="2" />
<circle cx="14" cy="55" r="2" />
<circle cx="50" cy="55" r="2" />
</g>
<circle cx="32" cy="42" r="14" fill="#64dcff" />
<path
fill="#82f0ff"
d="M46 42a13.957 13.957 0 0 0-.752-4.5A12.993 12.993 0 1 0 27.5 55.249 13.977 13.977 0 0 0 46 42z"
/>
<circle cx="32" cy="42" r="2" fill="#5a6978" />
<path
d="M14 32a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM50 26a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM14 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM50 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM39 41h-4.226a3 3 0 0 0-1.816-1.816V34a1 1 0 0 0-2 0v5.184A2.993 2.993 0 1 0 34.774 43H39a1 1 0 0 0 0-2zm-7.042 2a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
d="M31.958 27a15 15 0 1 0 15 15 15.017 15.017 0 0 0-15-15zm9.526 9.5a1 1 0 0 0 1.366.366l.819-.473A12.894 12.894 0 0 1 44.908 41h-.95a1 1 0 0 0 0 2h.95a12.862 12.862 0 0 1-1.239 4.606l-.819-.472a1 1 0 0 0-1.366.366 1 1 0 0 0 .366 1.366l.826.477a13.127 13.127 0 0 1-3.376 3.375l-.477-.826a1 1 0 0 0-1.366-.366 1 1 0 0 0-.366 1.366l.473.819a12.887 12.887 0 0 1-4.607 1.238V54a1 1 0 0 0-1-1 1 1 0 0 0-1 1v.949a12.888 12.888 0 0 1-4.606-1.238l.473-.819a1 1 0 0 0-.366-1.366 1 1 0 0 0-1.366.366l-.477.826a13.111 13.111 0 0 1-3.375-3.375l.825-.477a1 1 0 0 0 .366-1.366 1 1 0 0 0-1.366-.366l-.818.472A12.862 12.862 0 0 1 19.009 43h.95a1 1 0 0 0 0-2h-.95a12.862 12.862 0 0 1 1.239-4.606l.818.472a1 1 0 0 0 1.366-.366 1 1 0 0 0-.366-1.366l-.825-.477a13.111 13.111 0 0 1 3.375-3.375l.477.826a1 1 0 0 0 1.366.366 1 1 0 0 0 .366-1.366l-.473-.819a12.888 12.888 0 0 1 4.606-1.238V30a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-.949a12.887 12.887 0 0 1 4.607 1.238l-.473.819a1 1 0 0 0 .366 1.366 1 1 0 0 0 1.366-.366l.477-.826a13.127 13.127 0 0 1 3.375 3.375l-.826.477a1 1 0 0 0-.366 1.366z"
/>
<path
d="M53 22h-2v-2a3 3 0 0 0-3-3h-1V3a1 1 0 0 0-1-1H18a1 1 0 0 0-1 1v14h-1a3 3 0 0 0-3 3v2h-2a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4h42a4 4 0 0 0 4-4V26a4 4 0 0 0-4-4zM24 4h21v3H24zm0 5h21v8H24zm-5-5h3v3h-3zm0 5h3v8h-3zm-4 11a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v2H15zm40 38a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V26a2 2 0 0 1 2-2h42a2 2 0 0 1 2 2z"
/>
<path d="M42 12H27a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category