# arrow-down-clock icon

Arrow down clock. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/arrow-down-clock

- Category: Actions
- Use it for: sort by time, chronological order, oldest first
- Tags: sort, time, date, chronological, oldest, ascending, order, arrange, clock, earliest-first, by-date
- Family: arrow-down-1-9, arrow-down-a-z, arrow-down-z-a, arrow-up-clock, sort, sort-ascending, sort-descending
- Component name: ArrowDownClockIcon
- Added: 2026-10-29
- Since: version 0.2.0
- npm: `import { ArrowDownClockIcon } from '@gentleface/react';` (@gentleface/react 0.2.0)
- Changed: 2026-10-30 (added)

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/arrow-down-clock.svg · PNG https://gentleface.com/png/line-round/16/arrow-down-clock.png · https://gentleface.com/png/line-round/32/arrow-down-clock.png · https://gentleface.com/png/line-round/48/arrow-down-clock.png
- line-soft: https://gentleface.com/svg/line-soft/16/arrow-down-clock.svg · PNG https://gentleface.com/png/line-soft/16/arrow-down-clock.png · https://gentleface.com/png/line-soft/32/arrow-down-clock.png · https://gentleface.com/png/line-soft/48/arrow-down-clock.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/arrow-down-clock.svg · PNG https://gentleface.com/png/line-sharp/16/arrow-down-clock.png · https://gentleface.com/png/line-sharp/32/arrow-down-clock.png · https://gentleface.com/png/line-sharp/48/arrow-down-clock.png
- solid-round: https://gentleface.com/svg/solid-round/16/arrow-down-clock.svg · PNG https://gentleface.com/png/solid-round/16/arrow-down-clock.png · https://gentleface.com/png/solid-round/32/arrow-down-clock.png · https://gentleface.com/png/solid-round/48/arrow-down-clock.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/arrow-down-clock.svg · PNG https://gentleface.com/png/solid-soft/16/arrow-down-clock.png · https://gentleface.com/png/solid-soft/32/arrow-down-clock.png · https://gentleface.com/png/solid-soft/48/arrow-down-clock.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/arrow-down-clock.svg · PNG https://gentleface.com/png/solid-sharp/16/arrow-down-clock.png · https://gentleface.com/png/solid-sharp/32/arrow-down-clock.png · https://gentleface.com/png/solid-sharp/48/arrow-down-clock.png

The SVG of every style: https://gentleface.com/icons/arrow-down-clock.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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="M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z"/></svg>
```

### React

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

export function ArrowDownClockIcon(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="M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock -->
<script>
  let props = $props();
</script>

<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="M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/arrow-down-clock.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock. Takes the text color. */
.icon-arrow-down-clock {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#arrow-down-clock"/></svg>
```

### SwiftUI

```swift
// Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock
import SwiftUI

struct ArrowDownClockIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 14.5, y: 8.997))
        p.addCurve(to: CGPoint(x: 14.854, y: 9.146), control1: CGPoint(x: 14.636, y: 8.997), control2: CGPoint(x: 14.754, y: 9.047))
        p.addCurve(to: CGPoint(x: 15.003, y: 9.5), control1: CGPoint(x: 14.953, y: 9.246), control2: CGPoint(x: 15.003, y: 9.364))
        p.addCurve(to: CGPoint(x: 14.854, y: 9.854), control1: CGPoint(x: 15.003, y: 9.636), control2: CGPoint(x: 14.953, y: 9.754))
        p.addLine(to: CGPoint(x: 11.854, y: 12.854))
        p.addCurve(to: CGPoint(x: 11.5, y: 13.003), control1: CGPoint(x: 11.754, y: 12.953), control2: CGPoint(x: 11.636, y: 13.003))
        p.addCurve(to: CGPoint(x: 11.146, y: 12.854), control1: CGPoint(x: 11.364, y: 13.003), control2: CGPoint(x: 11.246, y: 12.953))
        p.addLine(to: CGPoint(x: 8.146, y: 9.854))
        p.addCurve(to: CGPoint(x: 7.997, y: 9.5), control1: CGPoint(x: 8.047, y: 9.754), control2: CGPoint(x: 7.997, y: 9.636))
        p.addCurve(to: CGPoint(x: 8.146, y: 9.146), control1: CGPoint(x: 7.997, y: 9.364), control2: CGPoint(x: 8.047, y: 9.246))
        p.addCurve(to: CGPoint(x: 8.5, y: 8.997), control1: CGPoint(x: 8.246, y: 9.047), control2: CGPoint(x: 8.364, y: 8.997))
        p.addCurve(to: CGPoint(x: 8.854, y: 9.146), control1: CGPoint(x: 8.636, y: 8.997), control2: CGPoint(x: 8.754, y: 9.047))
        p.addLine(to: CGPoint(x: 11, y: 11.293))
        p.addLine(to: CGPoint(x: 11, y: 2.5))
        p.addCurve(to: CGPoint(x: 11.144, y: 2.144), control1: CGPoint(x: 11, y: 2.359), control2: CGPoint(x: 11.048, y: 2.241))
        p.addCurve(to: CGPoint(x: 11.5, y: 2), control1: CGPoint(x: 11.241, y: 2.048), control2: CGPoint(x: 11.359, y: 2))
        p.addCurve(to: CGPoint(x: 11.856, y: 2.144), control1: CGPoint(x: 11.641, y: 2), control2: CGPoint(x: 11.759, y: 2.048))
        p.addCurve(to: CGPoint(x: 12, y: 2.5), control1: CGPoint(x: 11.952, y: 2.241), control2: CGPoint(x: 12, y: 2.359))
        p.addLine(to: CGPoint(x: 12, y: 11.293))
        p.addLine(to: CGPoint(x: 14.146, y: 9.146))
        p.addCurve(to: CGPoint(x: 14.5, y: 8.997), control1: CGPoint(x: 14.246, y: 9.047), control2: CGPoint(x: 14.364, y: 8.997))
        p.closeSubpath()
        p.move(to: CGPoint(x: 1.246, y: 5.212))
        p.addCurve(to: CGPoint(x: 2.025, y: 4.025), control1: CGPoint(x: 1.424, y: 4.762), control2: CGPoint(x: 1.683, y: 4.367))
        p.addCurve(to: CGPoint(x: 3.212, y: 3.246), control1: CGPoint(x: 2.367, y: 3.683), control2: CGPoint(x: 2.762, y: 3.424))
        p.addCurve(to: CGPoint(x: 4.5, y: 3), control1: CGPoint(x: 3.625, y: 3.082), control2: CGPoint(x: 4.055, y: 3))
        p.addCurve(to: CGPoint(x: 5.788, y: 3.246), control1: CGPoint(x: 4.945, y: 3), control2: CGPoint(x: 5.375, y: 3.082))
        p.addCurve(to: CGPoint(x: 6.975, y: 4.025), control1: CGPoint(x: 6.238, y: 3.424), control2: CGPoint(x: 6.633, y: 3.683))
        p.addCurve(to: CGPoint(x: 7.754, y: 5.212), control1: CGPoint(x: 7.317, y: 4.367), control2: CGPoint(x: 7.576, y: 4.762))
        p.addCurve(to: CGPoint(x: 8, y: 6.5), control1: CGPoint(x: 7.918, y: 5.625), control2: CGPoint(x: 8, y: 6.055))
        p.addCurve(to: CGPoint(x: 7.754, y: 7.788), control1: CGPoint(x: 8, y: 6.945), control2: CGPoint(x: 7.918, y: 7.375))
        p.addCurve(to: CGPoint(x: 6.975, y: 8.975), control1: CGPoint(x: 7.576, y: 8.238), control2: CGPoint(x: 7.317, y: 8.633))
        p.addCurve(to: CGPoint(x: 5.788, y: 9.754), control1: CGPoint(x: 6.633, y: 9.317), control2: CGPoint(x: 6.238, y: 9.576))
        p.addCurve(to: CGPoint(x: 4.5, y: 10), control1: CGPoint(x: 5.375, y: 9.918), control2: CGPoint(x: 4.945, y: 10))
        p.addCurve(to: CGPoint(x: 3.212, y: 9.754), control1: CGPoint(x: 4.055, y: 10), control2: CGPoint(x: 3.625, y: 9.918))
        p.addCurve(to: CGPoint(x: 2.025, y: 8.975), control1: CGPoint(x: 2.762, y: 9.576), control2: CGPoint(x: 2.367, y: 9.317))
        p.addCurve(to: CGPoint(x: 1.246, y: 7.788), control1: CGPoint(x: 1.683, y: 8.633), control2: CGPoint(x: 1.424, y: 8.238))
        p.addCurve(to: CGPoint(x: 1, y: 6.5), control1: CGPoint(x: 1.082, y: 7.375), control2: CGPoint(x: 1, y: 6.945))
        p.addCurve(to: CGPoint(x: 1.246, y: 5.212), control1: CGPoint(x: 1, y: 6.055), control2: CGPoint(x: 1.082, y: 5.625))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.176, y: 7.42))
        p.addCurve(to: CGPoint(x: 2.732, y: 8.268), control1: CGPoint(x: 2.303, y: 7.741), control2: CGPoint(x: 2.488, y: 8.024))
        p.addCurve(to: CGPoint(x: 3.58, y: 8.824), control1: CGPoint(x: 2.976, y: 8.512), control2: CGPoint(x: 3.259, y: 8.697))
        p.addCurve(to: CGPoint(x: 4.5, y: 9), control1: CGPoint(x: 3.875, y: 8.941), control2: CGPoint(x: 4.182, y: 9))
        p.addCurve(to: CGPoint(x: 5.42, y: 8.824), control1: CGPoint(x: 4.818, y: 9), control2: CGPoint(x: 5.125, y: 8.941))
        p.addCurve(to: CGPoint(x: 6.268, y: 8.268), control1: CGPoint(x: 5.741, y: 8.697), control2: CGPoint(x: 6.024, y: 8.512))
        p.addCurve(to: CGPoint(x: 6.824, y: 7.42), control1: CGPoint(x: 6.512, y: 8.024), control2: CGPoint(x: 6.697, y: 7.741))
        p.addCurve(to: CGPoint(x: 7, y: 6.5), control1: CGPoint(x: 6.941, y: 7.125), control2: CGPoint(x: 7, y: 6.818))
        p.addCurve(to: CGPoint(x: 6.824, y: 5.58), control1: CGPoint(x: 7, y: 6.182), control2: CGPoint(x: 6.941, y: 5.875))
        p.addCurve(to: CGPoint(x: 6.268, y: 4.732), control1: CGPoint(x: 6.697, y: 5.259), control2: CGPoint(x: 6.512, y: 4.976))
        p.addCurve(to: CGPoint(x: 5.42, y: 4.176), control1: CGPoint(x: 6.024, y: 4.488), control2: CGPoint(x: 5.741, y: 4.303))
        p.addCurve(to: CGPoint(x: 4.5, y: 4), control1: CGPoint(x: 5.125, y: 4.059), control2: CGPoint(x: 4.818, y: 4))
        p.addCurve(to: CGPoint(x: 3.58, y: 4.176), control1: CGPoint(x: 4.182, y: 4), control2: CGPoint(x: 3.875, y: 4.059))
        p.addCurve(to: CGPoint(x: 2.732, y: 4.732), control1: CGPoint(x: 3.259, y: 4.303), control2: CGPoint(x: 2.976, y: 4.488))
        p.addCurve(to: CGPoint(x: 2.176, y: 5.58), control1: CGPoint(x: 2.488, y: 4.976), control2: CGPoint(x: 2.303, y: 5.259))
        p.addCurve(to: CGPoint(x: 2, y: 6.5), control1: CGPoint(x: 2.059, y: 5.875), control2: CGPoint(x: 2, y: 6.182))
        p.addCurve(to: CGPoint(x: 2.176, y: 7.42), control1: CGPoint(x: 2, y: 6.818), control2: CGPoint(x: 2.059, y: 7.125))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.856, y: 6.144))
        p.addCurve(to: CGPoint(x: 6, y: 6.5), control1: CGPoint(x: 5.952, y: 6.241), control2: CGPoint(x: 6, y: 6.359))
        p.addCurve(to: CGPoint(x: 5.856, y: 6.856), control1: CGPoint(x: 6, y: 6.641), control2: CGPoint(x: 5.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 5.5, y: 7), control1: CGPoint(x: 5.759, y: 6.952), control2: CGPoint(x: 5.641, y: 7))
        p.addLine(to: CGPoint(x: 4.5, y: 7))
        p.addCurve(to: CGPoint(x: 4.144, y: 6.856), control1: CGPoint(x: 4.359, y: 7), control2: CGPoint(x: 4.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 4, y: 6.5), control1: CGPoint(x: 4.048, y: 6.759), control2: CGPoint(x: 4, y: 6.641))
        p.addLine(to: CGPoint(x: 4, y: 5.5))
        p.addCurve(to: CGPoint(x: 4.144, y: 5.144), control1: CGPoint(x: 4, y: 5.359), control2: CGPoint(x: 4.048, y: 5.241))
        p.addCurve(to: CGPoint(x: 4.5, y: 5), control1: CGPoint(x: 4.241, y: 5.048), control2: CGPoint(x: 4.359, y: 5))
        p.addCurve(to: CGPoint(x: 4.856, y: 5.144), control1: CGPoint(x: 4.641, y: 5), control2: CGPoint(x: 4.759, y: 5.048))
        p.addCurve(to: CGPoint(x: 5, y: 5.5), control1: CGPoint(x: 4.952, y: 5.241), control2: CGPoint(x: 5, y: 5.359))
        p.addLine(to: CGPoint(x: 5, y: 6))
        p.addLine(to: CGPoint(x: 5.5, y: 6))
        p.addCurve(to: CGPoint(x: 5.856, y: 6.144), control1: CGPoint(x: 5.641, y: 6), control2: CGPoint(x: 5.759, y: 6.048))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// ArrowDownClockIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val ArrowDownClockIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "arrow-down-clock", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(ArrowDownClockIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_arrow_down_clock.xml · Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M14.5 8.997C14.636 8.997 14.754 9.047 14.854 9.146C14.953 9.246 15.003 9.364 15.003 9.5C15.003 9.636 14.953 9.754 14.854 9.854L11.854 12.854C11.754 12.953 11.636 13.003 11.5 13.003C11.364 13.003 11.246 12.953 11.146 12.854L8.146 9.854C8.047 9.754 7.997 9.636 7.997 9.5C7.997 9.364 8.047 9.246 8.146 9.146C8.246 9.047 8.364 8.997 8.5 8.997C8.636 8.997 8.754 9.047 8.854 9.146L11 11.293L11 2.5C11 2.359 11.048 2.241 11.144 2.144C11.241 2.048 11.359 2 11.5 2C11.641 2 11.759 2.048 11.856 2.144C11.952 2.241 12 2.359 12 2.5L12 11.293L14.146 9.146C14.246 9.047 14.364 8.997 14.5 8.997ZM1.246 5.212C1.424 4.762 1.683 4.367 2.025 4.025C2.367 3.683 2.762 3.424 3.212 3.246C3.625 3.082 4.055 3 4.5 3C4.945 3 5.375 3.082 5.788 3.246C6.238 3.424 6.633 3.683 6.975 4.025C7.317 4.367 7.576 4.762 7.754 5.212C7.918 5.625 8 6.055 8 6.5C8 6.945 7.918 7.375 7.754 7.788C7.576 8.238 7.317 8.633 6.975 8.975C6.633 9.317 6.238 9.576 5.788 9.754C5.375 9.918 4.945 10 4.5 10C4.055 10 3.625 9.918 3.212 9.754C2.762 9.576 2.367 9.317 2.025 8.975C1.683 8.633 1.424 8.238 1.246 7.788C1.082 7.375 1 6.945 1 6.5C1 6.055 1.082 5.625 1.246 5.212ZM2.176 7.42C2.303 7.741 2.488 8.024 2.732 8.268C2.976 8.512 3.259 8.697 3.58 8.824C3.875 8.941 4.182 9 4.5 9C4.818 9 5.125 8.941 5.42 8.824C5.741 8.697 6.024 8.512 6.268 8.268C6.512 8.024 6.697 7.741 6.824 7.42C6.941 7.125 7 6.818 7 6.5C7 6.182 6.941 5.875 6.824 5.58C6.697 5.259 6.512 4.976 6.268 4.732C6.024 4.488 5.741 4.303 5.42 4.176C5.125 4.059 4.818 4 4.5 4C4.182 4 3.875 4.059 3.58 4.176C3.259 4.303 2.976 4.488 2.732 4.732C2.488 4.976 2.303 5.259 2.176 5.58C2.059 5.875 2 6.182 2 6.5C2 6.818 2.059 7.125 2.176 7.42ZM5.856 6.144C5.952 6.241 6 6.359 6 6.5C6 6.641 5.952 6.759 5.856 6.856C5.759 6.952 5.641 7 5.5 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5L4 5.5C4 5.359 4.048 5.241 4.144 5.144C4.241 5.048 4.359 5 4.5 5C4.641 5 4.759 5.048 4.856 5.144C4.952 5.241 5 5.359 5 5.5L5 6L5.5 6C5.641 6 5.759 6.048 5.856 6.144Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "arrow-down-clock" (line-round), MIT. https://gentleface.com/icons/arrow-down-clock
import 'package:flutter/widgets.dart';

class ArrowDownClockIcon extends StatelessWidget {
  const ArrowDownClockIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _ArrowDownClockIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _ArrowDownClockIconPainter extends CustomPainter {
  _ArrowDownClockIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(14.5, 8.997)
      ..cubicTo(14.636, 8.997, 14.754, 9.047, 14.854, 9.146)
      ..cubicTo(14.953, 9.246, 15.003, 9.364, 15.003, 9.5)
      ..cubicTo(15.003, 9.636, 14.953, 9.754, 14.854, 9.854)
      ..lineTo(11.854, 12.854)
      ..cubicTo(11.754, 12.953, 11.636, 13.003, 11.5, 13.003)
      ..cubicTo(11.364, 13.003, 11.246, 12.953, 11.146, 12.854)
      ..lineTo(8.146, 9.854)
      ..cubicTo(8.047, 9.754, 7.997, 9.636, 7.997, 9.5)
      ..cubicTo(7.997, 9.364, 8.047, 9.246, 8.146, 9.146)
      ..cubicTo(8.246, 9.047, 8.364, 8.997, 8.5, 8.997)
      ..cubicTo(8.636, 8.997, 8.754, 9.047, 8.854, 9.146)
      ..lineTo(11, 11.293)
      ..lineTo(11, 2.5)
      ..cubicTo(11, 2.359, 11.048, 2.241, 11.144, 2.144)
      ..cubicTo(11.241, 2.048, 11.359, 2, 11.5, 2)
      ..cubicTo(11.641, 2, 11.759, 2.048, 11.856, 2.144)
      ..cubicTo(11.952, 2.241, 12, 2.359, 12, 2.5)
      ..lineTo(12, 11.293)
      ..lineTo(14.146, 9.146)
      ..cubicTo(14.246, 9.047, 14.364, 8.997, 14.5, 8.997)
      ..close()
      ..moveTo(1.246, 5.212)
      ..cubicTo(1.424, 4.762, 1.683, 4.367, 2.025, 4.025)
      ..cubicTo(2.367, 3.683, 2.762, 3.424, 3.212, 3.246)
      ..cubicTo(3.625, 3.082, 4.055, 3, 4.5, 3)
      ..cubicTo(4.945, 3, 5.375, 3.082, 5.788, 3.246)
      ..cubicTo(6.238, 3.424, 6.633, 3.683, 6.975, 4.025)
      ..cubicTo(7.317, 4.367, 7.576, 4.762, 7.754, 5.212)
      ..cubicTo(7.918, 5.625, 8, 6.055, 8, 6.5)
      ..cubicTo(8, 6.945, 7.918, 7.375, 7.754, 7.788)
      ..cubicTo(7.576, 8.238, 7.317, 8.633, 6.975, 8.975)
      ..cubicTo(6.633, 9.317, 6.238, 9.576, 5.788, 9.754)
      ..cubicTo(5.375, 9.918, 4.945, 10, 4.5, 10)
      ..cubicTo(4.055, 10, 3.625, 9.918, 3.212, 9.754)
      ..cubicTo(2.762, 9.576, 2.367, 9.317, 2.025, 8.975)
      ..cubicTo(1.683, 8.633, 1.424, 8.238, 1.246, 7.788)
      ..cubicTo(1.082, 7.375, 1, 6.945, 1, 6.5)
      ..cubicTo(1, 6.055, 1.082, 5.625, 1.246, 5.212)
      ..close()
      ..moveTo(2.176, 7.42)
      ..cubicTo(2.303, 7.741, 2.488, 8.024, 2.732, 8.268)
      ..cubicTo(2.976, 8.512, 3.259, 8.697, 3.58, 8.824)
      ..cubicTo(3.875, 8.941, 4.182, 9, 4.5, 9)
      ..cubicTo(4.818, 9, 5.125, 8.941, 5.42, 8.824)
      ..cubicTo(5.741, 8.697, 6.024, 8.512, 6.268, 8.268)
      ..cubicTo(6.512, 8.024, 6.697, 7.741, 6.824, 7.42)
      ..cubicTo(6.941, 7.125, 7, 6.818, 7, 6.5)
      ..cubicTo(7, 6.182, 6.941, 5.875, 6.824, 5.58)
      ..cubicTo(6.697, 5.259, 6.512, 4.976, 6.268, 4.732)
      ..cubicTo(6.024, 4.488, 5.741, 4.303, 5.42, 4.176)
      ..cubicTo(5.125, 4.059, 4.818, 4, 4.5, 4)
      ..cubicTo(4.182, 4, 3.875, 4.059, 3.58, 4.176)
      ..cubicTo(3.259, 4.303, 2.976, 4.488, 2.732, 4.732)
      ..cubicTo(2.488, 4.976, 2.303, 5.259, 2.176, 5.58)
      ..cubicTo(2.059, 5.875, 2, 6.182, 2, 6.5)
      ..cubicTo(2, 6.818, 2.059, 7.125, 2.176, 7.42)
      ..close()
      ..moveTo(5.856, 6.144)
      ..cubicTo(5.952, 6.241, 6, 6.359, 6, 6.5)
      ..cubicTo(6, 6.641, 5.952, 6.759, 5.856, 6.856)
      ..cubicTo(5.759, 6.952, 5.641, 7, 5.5, 7)
      ..lineTo(4.5, 7)
      ..cubicTo(4.359, 7, 4.241, 6.952, 4.144, 6.856)
      ..cubicTo(4.048, 6.759, 4, 6.641, 4, 6.5)
      ..lineTo(4, 5.5)
      ..cubicTo(4, 5.359, 4.048, 5.241, 4.144, 5.144)
      ..cubicTo(4.241, 5.048, 4.359, 5, 4.5, 5)
      ..cubicTo(4.641, 5, 4.759, 5.048, 4.856, 5.144)
      ..cubicTo(4.952, 5.241, 5, 5.359, 5, 5.5)
      ..lineTo(5, 6)
      ..lineTo(5.5, 6)
      ..cubicTo(5.641, 6, 5.759, 6.048, 5.856, 6.144)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_ArrowDownClockIconPainter old) => old.color != color;
}
```