Add icons to this collection by clicking the heart icon.
Time Changes icon - also known as gear, development, process, exchange, cycle, management, transition, transformation, time and date, and time changes. Created in a clean flat style with a white, gray, red, olive, 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"
>
<circle cx="46" cy="17" r="12" fill="#f5f5f5" />
<path
fill="#424242"
d="M49 18h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v4h2a1 1 0 0 1 0 2z"
/>
<g fill="#616161">
<path
d="M46 10a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM46 31a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM59 18h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM38 18h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM55.9 7.1a1 1 0 0 0-1.415 0l-3.535 3.536a1 1 0 1 0 1.414 1.414l3.535-3.535a1 1 0 0 0 0-1.414zM39.636 21.95l-3.535 3.535a1 1 0 0 0 1.414 1.414l3.535-3.535a1 1 0 1 0-1.414-1.414zM55.9 25.485l-3.536-3.535a1 1 0 1 0-1.414 1.414l3.535 3.535a1 1 0 1 0 1.414-1.414zM37.515 7.1A1 1 0 0 0 36.1 8.516l3.535 3.535a1 1 0 1 0 1.414-1.414z"
/>
</g>
<circle cx="18" cy="46" r="12" fill="#f5f5f5" />
<path
fill="#424242"
d="M18 40a1 1 0 0 0-1 1v4.586l-1.707 1.707a1 1 0 0 0 1.414 1.414l2-2A1 1 0 0 0 19 46v-5a1 1 0 0 0-1-1z"
/>
<path
fill="#616161"
d="M18 39a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM18 60a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM31 47h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM10 47H5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM27.9 36.1a1 1 0 0 0-1.415 0l-3.535 3.536a1 1 0 1 0 1.414 1.414l3.535-3.535a1 1 0 0 0 0-1.414zM11.636 50.95l-3.535 3.535A1 1 0 0 0 9.515 55.9l3.535-3.535a1 1 0 1 0-1.414-1.414zM24.364 50.95a1 1 0 1 0-1.414 1.414l3.535 3.535a1 1 0 1 0 1.414-1.414zM9.515 36.1A1 1 0 0 0 8.1 37.516l3.535 3.535a1 1 0 1 0 1.414-1.414z"
/>
<path
fill="#689f38"
d="M27.666 13.252 20.414 6A2 2 0 0 0 17 7.414l-.013 2.135c-6.63 1.11-11.151 3.725-13.437 7.773-2.774 4.91-1.531 10.556 0 14.428a1 1 0 0 0 1.927-.282c.24-2.771 2.67-6.668 5.78-9.265 2.075-1.733 4.128-2.605 5.743-2.444v2.159a2 2 0 0 0 3.414 1.414l7.252-7.252a2.002 2.002 0 0 0 0-2.828z"
/>
<path
fill="#ffb300"
d="M60.45 32.565a1 1 0 0 0-1.927.282c-.24 2.771-2.67 6.668-5.78 9.265-2.076 1.732-4.133 2.6-5.743 2.444v-2.159a2 2 0 0 0-3.414-1.414l-7.252 7.252a2.002 2.002 0 0 0 0 2.828l7.252 7.252A2 2 0 0 0 47 56.901l.013-2.135c6.63-1.11 11.151-3.725 13.437-7.773 2.774-4.911 1.531-10.556 0-14.428z"
/>
<path
fill="#f44336"
d="M18 30a16 16 0 1 0 16 16 16.018 16.018 0 0 0-16-16zm0 28a12 12 0 1 1 12-12 12.014 12.014 0 0 1-12 12zM46 1a16 16 0 1 0 16 16A16.018 16.018 0 0 0 46 1zm0 28a12 12 0 1 1 12-12 12.014 12.014 0 0 1-12 12z"
/>
</svg>
More icons in the same style and category