Square Arrow Clockwise Clock Icon
Clock hands inside a rounded square arrow turning clockwise, for snoozing, recurring schedules and auto refresh. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Square Arrow Clockwise Clock icon in shadcn/ui components
Button
Icon button
Button group
Badge
Dropdown menu
Input group
Square Arrow Clockwise Clock icon FAQ
What does this icon show?
Clock hands inside a rounded square arrow turning clockwise, for snoozing, recurring schedules and auto refresh. Typical uses: auto refresh interval setting, push a due date later and repeat schedule picker.
When should I use it instead of a similar icon?
Use it for:
- Auto refresh interval menus on a dashboard or live feed, such as every 30 seconds
- Retry schedules on a failed webhook, payment or sync, showing when the next attempt runs
For a clockwise quarter turn of an image or page in a cropper or scanner, use the Arrow Rotate Right icon. For a single reload of a table or card on demand, with no interval, use the Refresh Arrow Clockwise icon. For a repeat rule on a task or event, such as every weekday, use the Arrows Loop icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
Icons from the same family and the Time set: Circle Arrow Clockwise Clock, Circle Arrow Anticlockwise Clock, Square Arrow Anticlockwise Clock, Refresh Arrow Clockwise, Arrow Back and Arrow Down.
When was it added?
It joined the ReUI icon library on August 6, 2026.
Icons related to Square Arrow Clockwise Clock
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- Auto refresh interval menus on a dashboard or live feed, such as every 30 seconds
- Retry schedules on a failed webhook, payment or sync, showing when the next attempt runs
When not to use
- A clockwise quarter turn of an image or page in a cropper or scanner: use the Arrow Rotate Right icon
- A single reload of a table or card on demand, with no interval: use the Refresh Arrow Clockwise icon
- A repeat rule on a task or event, such as every weekday: use the Arrows Loop icon
Agent notes
- Name an icon-only button with its label, "Set refresh interval", as the aria-label
Markdown
https://web.dev.reui.io/icons/preview/square-arrow-clockwise-clock.mdMCP
get_icon("square-arrow-clockwise-clock")Install
npx shadcn@latest add @reui/icons/default/duotone/square-arrow-clockwise-clockStart building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.