Gentleface › Time & calendar › clock-repeat

clock-repeat icon

Clock repeat: chronic, chronic condition. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.257 9.999C1.838 9.491 1.52 8.926 1.304 8.304C1.101 7.72 1 7.119 1 6.5C1 5.801 1.129 5.126 1.386 4.475C1.666 3.769 2.074 3.148 2.611 2.611C3.148 2.074 3.769 1.666 4.475 1.386C5.126 1.129 5.801 1 6.5 1C7.183 1 7.843 1.123 8.48 1.369C9.169 1.635 9.78 2.023 10.312 2.535C10.844 3.047 11.257 3.642 11.549 4.319C11.82 4.946 11.969 5.601 11.996 6.284C12 6.397 11.973 6.497 11.914 6.584C11.85 6.604 11.787 6.627 11.725 6.653C11.626 6.695 11.532 6.744 11.441 6.801C11.334 6.79 11.239 6.747 11.157 6.67C11.055 6.577 11.002 6.461 10.997 6.323C10.975 5.765 10.853 5.229 10.631 4.716C10.392 4.161 10.054 3.675 9.619 3.256C9.183 2.837 8.684 2.519 8.12 2.302C7.599 2.101 7.059 2 6.5 2C5.928 2 5.376 2.105 4.844 2.316C4.266 2.545 3.757 2.879 3.318 3.318C2.879 3.757 2.545 4.266 2.316 4.844C2.105 5.376 2 5.928 2 6.5C2 7.006 2.083 7.498 2.249 7.976C2.426 8.485 2.686 8.947 3.028 9.363C3.371 9.779 3.775 10.122 4.241 10.392C4.679 10.646 5.146 10.821 5.643 10.918C5.779 10.944 5.885 11.014 5.963 11.129C6.04 11.243 6.065 11.368 6.039 11.504C6.013 11.639 5.942 11.746 5.828 11.823C5.713 11.9 5.588 11.926 5.453 11.899C4.846 11.782 4.275 11.568 3.74 11.257C3.17 10.927 2.676 10.507 2.257 9.999ZM8.5 6C8.641 6 8.759 6.048 8.856 6.144C8.952 6.241 9 6.359 9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7L6.5 7C6.359 7 6.241 6.952 6.144 6.856C6.048 6.759 6 6.641 6 6.5L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 6L8.5 6ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z"/></svg>

React

// Gentleface "clock-repeat" (line-round), MIT. https://gentleface.com/icons/clock-repeat
import type { SVGProps } from 'react';

export function ClockRepeatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2.257 9.999C1.838 9.491 1.52 8.926 1.304 8.304C1.101 7.72 1 7.119 1 6.5C1 5.801 1.129 5.126 1.386 4.475C1.666 3.769 2.074 3.148 2.611 2.611C3.148 2.074 3.769 1.666 4.475 1.386C5.126 1.129 5.801 1 6.5 1C7.183 1 7.843 1.123 8.48 1.369C9.169 1.635 9.78 2.023 10.312 2.535C10.844 3.047 11.257 3.642 11.549 4.319C11.82 4.946 11.969 5.601 11.996 6.284C12 6.397 11.973 6.497 11.914 6.584C11.85 6.604 11.787 6.627 11.725 6.653C11.626 6.695 11.532 6.744 11.441 6.801C11.334 6.79 11.239 6.747 11.157 6.67C11.055 6.577 11.002 6.461 10.997 6.323C10.975 5.765 10.853 5.229 10.631 4.716C10.392 4.161 10.054 3.675 9.619 3.256C9.183 2.837 8.684 2.519 8.12 2.302C7.599 2.101 7.059 2 6.5 2C5.928 2 5.376 2.105 4.844 2.316C4.266 2.545 3.757 2.879 3.318 3.318C2.879 3.757 2.545 4.266 2.316 4.844C2.105 5.376 2 5.928 2 6.5C2 7.006 2.083 7.498 2.249 7.976C2.426 8.485 2.686 8.947 3.028 9.363C3.371 9.779 3.775 10.122 4.241 10.392C4.679 10.646 5.146 10.821 5.643 10.918C5.779 10.944 5.885 11.014 5.963 11.129C6.04 11.243 6.065 11.368 6.039 11.504C6.013 11.639 5.942 11.746 5.828 11.823C5.713 11.9 5.588 11.926 5.453 11.899C4.846 11.782 4.275 11.568 3.74 11.257C3.17 10.927 2.676 10.507 2.257 9.999ZM8.5 6C8.641 6 8.759 6.048 8.856 6.144C8.952 6.241 9 6.359 9 6.5C9 6.641 8.952 6.759 8.856 6.856C8.759 6.952 8.641 7 8.5 7L6.5 7C6.359 7 6.241 6.952 6.144 6.856C6.048 6.759 6 6.641 6 6.5L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 6L8.5 6ZM13.854 9.854L12.854 10.854C12.754 10.953 12.636 11.003 12.5 11.003C12.364 11.003 12.246 10.953 12.146 10.854C12.047 10.754 11.997 10.636 11.997 10.5C11.997 10.364 12.047 10.246 12.146 10.146L12.293 10L10.5 10C10.309 10 10.125 10.035 9.948 10.105C9.755 10.182 9.586 10.293 9.439 10.439C9.293 10.586 9.182 10.755 9.105 10.948C9.035 11.125 9 11.309 9 11.5C9 11.641 8.952 11.759 8.856 11.856C8.759 11.952 8.641 12 8.5 12C8.359 12 8.241 11.952 8.144 11.856C8.048 11.759 8 11.641 8 11.5C8 11.182 8.059 10.875 8.176 10.58C8.303 10.259 8.488 9.976 8.732 9.732C8.976 9.488 9.259 9.303 9.58 9.176C9.875 9.059 10.182 9 10.5 9L12.293 9L12.146 8.854C12.047 8.754 11.997 8.636 11.997 8.5C11.997 8.364 12.047 8.246 12.146 8.146C12.246 8.047 12.364 7.997 12.5 7.997C12.636 7.997 12.754 8.047 12.854 8.146L13.854 9.146C13.953 9.246 14.003 9.364 14.003 9.5C14.003 9.636 13.953 9.754 13.854 9.854ZM11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L9.146 13.854C9.047 13.754 8.997 13.636 8.997 13.5C8.997 13.364 9.047 13.246 9.146 13.146L10.146 12.146C10.246 12.047 10.364 11.997 10.5 11.997C10.636 11.997 10.754 12.047 10.854 12.146C10.953 12.246 11.003 12.364 11.003 12.5C11.003 12.636 10.953 12.754 10.854 12.854L10.707 13L12.5 13C12.691 13 12.875 12.965 13.052 12.895C13.245 12.818 13.414 12.707 13.561 12.561C13.707 12.414 13.818 12.245 13.895 12.052C13.965 11.875 14 11.691 14 11.5C14 11.359 14.048 11.241 14.144 11.144C14.241 11.048 14.359 11 14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.818 14.941 12.125 14.824 12.42C14.697 12.741 14.512 13.024 14.268 13.268C14.024 13.512 13.741 13.697 13.42 13.824C13.125 13.941 12.818 14 12.5 14L10.707 14L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/clock-repeat.md

Svelte

Svelte: see /icons/clock-repeat.md

HTML img

HTML img: see /icons/clock-repeat.md

CSS

CSS: see /icons/clock-repeat.md

Data URL

Data URL: see /icons/clock-repeat.md

Sprite

Sprite: see /icons/clock-repeat.md

SwiftUI

SwiftUI: see /icons/clock-repeat.md

Compose

Compose: see /icons/clock-repeat.md

Android XML

Android XML: see /icons/clock-repeat.md

Flutter

Flutter: see /icons/clock-repeat.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

chronic, chronic condition

Tags

clock, repeat, recurring, chronic, long-term, condition, health, time

Category

Time & calendar

Component name

ClockRepeatIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 32

clock clock-alert clock-auto clock-bolt clock-check clock-diagonal clock-digital clock-duration clock-end clock-gear clock-minus clock-off

More time & calendar icons

alarm-clock alarm-clock-alert alarm-clock-check alarm-clock-gear alarm-clock-off alarm-clock-pause alarm-clock-pencil alarm-clock-plus alarm-clock-snooze alarm-clock-sparkle alarm-clock-x calendar calendar-alert calendar-arrow-down calendar-arrow-up calendar-bolt · all time & calendar icons

For agents

Metadata: /icons/clock-repeat.json · Markdown: /icons/clock-repeat.md · SVG: https://gentleface.com/svg/{style}/16/clock-repeat.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/clock-repeat.png

clock-repeat icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp