heroicons + sidekickicons

Calendar Arrow Path icon

calendar-arrow-path

A calendar with circling arrows, for recurring events, rescheduling and syncing calendars.

Component
CalendarArrowPathIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
recurring, repeat, reschedule, sync, refresh, schedule, date

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25m-12 0h13.5A2.25 2.25 0 0 1 21 7.5v11.25A2.25 2.25 0 0 1 18.75 21H5.25A2.25 2.25 0 0 1 3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25ZM3 18.75v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-7.375-4.821h2.016v0m-7.282 4.158v-2.016m0 0h2.016m-2.016 0 1.285 1.285a3.332 3.332 0 0 0 5.242-.691m-5.771-3.331a3.332 3.332 0 0 1 5.242-.691l1.285 1.285m0-2.016v2.015" />
</svg>

Download

calendar-arrow-path icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Calendar Arrow Path icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Rescheduled Rescheduled

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons