Add icons to this collection by clicking the heart icon.
Change icon - also known as clock, time, passing, daylight savings, change, replace, swap, time and date, time changes, time zone, and passing time. Created in a clean flat style with a white, silver, gray, red, teal, and pink 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="21" cy="21" r="14" fill="#64dcff" />
<path
fill="#82f0ff"
d="M23 9a14 14 0 0 0-10.848 22.846 14 14 0 0 0 19.7-19.692A13.939 13.939 0 0 0 23 9z"
/>
<g fill="#3f4d56">
<path
d="M22 20h-2v-7a1 1 0 0 1 1-1 1 1 0 0 1 1 1zM28 22.027h-6v-2h6a1 1 0 0 1 1 1 1 1 0 0 1-1 1zM21 10a1 1 0 0 1-1-1V6h2v3a1 1 0 0 1-1 1zM22 36h-2v-3a1 1 0 0 1 1-1 1 1 0 0 1 1 1zM14.134 11.108l-1.5-2.6 1.732-1 1.5 2.6a1 1 0 0 1-.366 1.366 1 1 0 0 1-1.366-.366zM27.634 34.49l-1.5-2.6a1 1 0 0 1 .366-1.366 1 1 0 0 1 1.366.366l1.5 2.6zM10.108 15.866l-2.6-1.5 1-1.732 2.6 1.5a1 1 0 0 1 .366 1.366 1 1 0 0 1-1.366.366zM33.491 29.366l-2.6-1.5a1 1 0 0 1-.366-1.366 1 1 0 0 1 1.366-.366l2.6 1.5zM9 22H6v-2h3a1 1 0 0 1 1 1 1 1 0 0 1-1 1zM36 22h-3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h3zM8.509 29.366l-1-1.732 2.6-1.5a1 1 0 0 1 1.366.366 1 1 0 0 1-.366 1.366zM30.526 15.5a1 1 0 0 1 .366-1.366l2.6-1.5 1 1.732-2.6 1.5a1 1 0 0 1-1.366-.366zM14.366 34.49l-1.732-1 1.5-2.6a1 1 0 0 1 1.366-.366 1 1 0 0 1 .366 1.366zM26.5 11.474a1 1 0 0 1-.366-1.366l1.5-2.6 1.732 1-1.5 2.6a1 1 0 0 1-1.366.366z"
/>
</g>
<path
fill="#5a6978"
d="M21 3a18 18 0 1 0 18 18A18 18 0 0 0 21 3zm0 32a14 14 0 1 1 14-14 14 14 0 0 1-14 14z"
/>
<path
fill="#4a5660"
d="M23 5A17.987 17.987 0 0 0 9.318 34.678 17.986 17.986 0 0 0 34.682 9.322 17.914 17.914 0 0 0 23 5zm-2 30a14 14 0 1 1 14-14 14 14 0 0 1-14 14z"
/>
<circle cx="21" cy="21" r="2.5" fill="#5a6978" />
<circle cx="43" cy="43" r="14" fill="#e6f0ff" />
<path
fill="#f5faff"
d="M45 31a14 14 0 0 0-10.848 22.846 14 14 0 0 0 19.7-19.692A13.939 13.939 0 0 0 45 31z"
/>
<path
fill="#3f4d56"
d="m45.634 49.562-3-5.2 1.732-1 3 5.2A1 1 0 0 1 47 49.928a1 1 0 0 1-1.366-.366zM44 42h-2v-7a1 1 0 0 1 1-1 1 1 0 0 1 1 1zM43 32a1 1 0 0 1-1-1v-3h2v3a1 1 0 0 1-1 1zM44 58h-2v-3a1 1 0 0 1 1-1 1 1 0 0 1 1 1zM36.134 33.108l-1.5-2.6 1.732-1 1.5 2.6a1 1 0 0 1-.366 1.366 1 1 0 0 1-1.366-.366zM49.634 56.49l-1.5-2.6a1 1 0 0 1 .366-1.366 1 1 0 0 1 1.366.366l1.5 2.6zM32.108 37.866l-2.6-1.5 1-1.732 2.6 1.5a1 1 0 0 1 .366 1.366 1 1 0 0 1-1.366.366zM55.491 51.366l-2.6-1.5a1 1 0 0 1-.366-1.366 1 1 0 0 1 1.366-.366l2.6 1.5zM31 44h-3v-2h3a1 1 0 0 1 1 1 1 1 0 0 1-1 1zM58 44h-3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h3zM30.509 51.366l-1-1.732 2.6-1.5a1 1 0 0 1 1.366.366 1 1 0 0 1-.366 1.366zM52.526 37.5a1 1 0 0 1 .366-1.366l2.6-1.5 1 1.732-2.6 1.5a1 1 0 0 1-1.366-.366zM36.366 56.49l-1.732-1 1.5-2.6a1 1 0 0 1 1.366-.366 1 1 0 0 1 .366 1.366zM48.5 33.474a1 1 0 0 1-.366-1.366l1.5-2.6 1.732 1-1.5 2.6a1 1 0 0 1-1.366.366z"
/>
<path
fill="#ff786e"
d="M43 25a18 18 0 1 0 18 18 18 18 0 0 0-18-18zm0 32a14 14 0 1 1 14-14 14 14 0 0 1-14 14z"
/>
<path
fill="#ff5050"
d="M45 27a17.987 17.987 0 0 0-13.682 29.678 17.986 17.986 0 0 0 25.364-25.356A17.914 17.914 0 0 0 45 27zm-2 30a14 14 0 1 1 14-14 14 14 0 0 1-14 14z"
/>
<circle cx="43" cy="43" r="2.5" fill="#ff5050" />
<path
fill="#3ce678"
d="M8 49a11 11 0 0 0 11 11h1l-1.739-.87A11.325 11.325 0 0 1 12 49h4l-6-6-6 6zM56 15A11 11 0 0 0 45 4h-1l1.739.87A11.325 11.325 0 0 1 52 15h-4l6 6 6-6z"
/>
</svg>
More icons in the same style and category