Document Arrow Path icon
document-arrow-path
A document with circling arrows, for syncing, converting and restoring files and document versions.
- Component
- DocumentArrowPathIcon
- Intended size
- 24×24 px, 1.5 px stroke
- Iconset
- Sidekickicons
- Keywords
- sync, refresh, convert, restore, version, update, file, page
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="M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm-.375 0A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375m-5.643 1.401h2.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
Color
Default keeps currentColor in the SVG, so it takes the color of the text
around it.
Size in pixels
Background
Document 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
-
Added in Sidekickicons 0.23.0 .
Related icons
More Sidekickicons
- ad
- anchor
- arc-third
- archive-box-arrow-up
- arrow-bottom-left-on-square
- arrow-curve-down-left
- arrow-curve-down-right
- arrow-curve-left-down
- arrow-curve-left-up
- arrow-curve-right-down
- arrow-curve-right-up
- arrow-curve-up-left
- arrow-curve-up-right
- arrow-uturn-down-right
- arrow-uturn-left-down
- arrow-uturn-right-down
- arrow-uturn-up-left
- arrows-crossing
- backward-bar
- badge
- barrier
- bars-3-bottom-center
- battery-25
- battery-75
- battery-charging
- blockquote
- bluetooth
- bookmark-check
- bookmark-plus
- bookmark-x-mark
- calendar-check
- calendar-exclamation
- calendar-minus
- calendar-plus
- calendar-x-mark
- camera-rotate
- camera-slash
- car
- cc
- chart-line-down
- chart-line-up
- check-double
- check-square
- checklist
- checklist-boxes
- chevron-down-up
- chevron-left-right
- chevron-right-left
- circle
- circle-dashed
- circle-half-full
- cloud-check
- cloud-exclamation
- cloud-plus
- cloud-slash
- cloud-x-mark
- coffee
- compass
- computer-desktop-slash
- computer-laptop
- cookie
- corners-pointing-in
- corners-pointing-out
- crop
- crosshair
- crown
- dice
- dots-2x2
- dots-2x3
- dots-3x2
- dots-3x3
- dumbbell
- eraser
- face-id
- face-meh
- face-smile-plus
- floppy-disk
- folder-arrow-up
- folder-check
- folder-exclamation
- folder-x-mark
- fork-knife
- forward-bar
- gamepad
- gauge
- gender-ambiguous
- gender-female
- gender-male
- gender-trans
- git-branch
- h4
- h5
- h6
- hammer
- heading
- headphones
- headphones-slash
- headset
- heart-slash
- hourglass
- inbox-arrow-up
- indent
- infinity
- italic-slash
- keyboard
- leaf
- lettered-list
- lock-semi-open
- map-pin-slash
- mask
- microphone-slash
- outdent
- paint-brush-slash
- password
- password-pencil
- percent
- photo-plus
- photo-slash
- pilcrow
- pill
- pin
- pin-slash
- plug
- quotation-mark
- radial-rays
- robot
- section-sign
- shield
- shield-plus
- shield-x-mark
- sidebar-left
- sidebar-right
- snowflake
- square
- star-half
- star-slash
- stethoscope
- table-cells-merge
- table-cells-split
- target
- trash-arrow-up
- trash-x-mark
- triangle
- usb
- user-check
- user-exclamation
- user-x-mark
- video-camera-arrow-down-left
- video-camera-arrow-up-right
- video-camera-x-mark
- view-split
- wifi-slash