heroicons + sidekickicons

Cloud Arrow Path icon

cloud-arrow-path

A cloud with circling arrows, for syncing, refreshing and restoring from the cloud.

Component
CloudArrowPathIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
sync, syncing, refresh, restore, backup, update, storage

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 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Zm7.107-6.849h2.304v0m-8.322 4.752v-2.304m0 0h2.304m-2.304 0 1.468 1.469a3.808 3.808 0 0 0 5.99-.789m-6.595-3.808a3.808 3.808 0 0 1 5.99-.789l1.468 1.469m0-2.304v2.303" />
</svg>

Download

cloud-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

Cloud 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

Syncing Syncing

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons