Circle Dashed icon
circle-dashed
A dashed circle, for empty or not-started states, placeholders and new items.
- Component
- CircleDashedIcon
- Intended size
- 24×24 px, 1.5 px stroke
- Iconset
- Sidekickicons
- Keywords
- new, empty, blank, invisible, shape
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="M13.717 3.165a9 9 0 0 1 3.316 1.374m2.428 2.428a9 9 0 0 1 1.374 3.316m0 3.434a9 9 0 0 1-1.374 3.316m-2.428 2.428a9 9 0 0 1-3.316 1.374m-3.434 0a9 9 0 0 1-3.316-1.374m-2.428-2.428a9 9 0 0 1-1.374-3.316m0-3.434a9 9 0 0 1 1.374-3.316m2.428-2.428a9 9 0 0 1 3.316-1.374" />
</svg>Circle Dashed icon in UI elements
Button · Mini
Secondary button · Mini
Icon buttons · Mini, and an Outline toggle that turns Solid
Input · Mini
Navigation · Outline
Not started Not started
Badges · Micro
Related icons
More Sidekickicons
- arc-third
- archive-box-arrow-up
- arrow-bottom-left-on-square
- arrow-path-clock
- arrow-path-single-clockwise
- arrow-path-single-counterclockwise
- arrow-uturn-down-right
- arrow-uturn-up-left
- arrows-crossing
- bars-3-bottom-center
- blockquote
- camera-rotate
- check-double
- checklist
- checklist-boxes
- chevron-down-up
- chevron-left-right
- chevron-right-left
- compass
- computer-laptop
- cookie
- crown
- dice
- dots-2x2
- dots-2x3
- dots-3x2
- dots-3x3
- face-meh
- face-smile-plus
- floppy-disk
- gamepad
- h4
- h5
- h6
- heading
- headphones
- headphones-slash
- indent
- italic-slash
- keyboard
- lettered-list
- lock-semi-open
- mask
- microphone-slash
- outdent
- paint-brush-slash
- password
- password-pencil
- photo-plus
- pilcrow
- pin
- pin-slash
- quotation-mark
- robot
- sidebar-left
- sidebar-right
- table-cells-merge
- table-cells-split
- video-camera-arrow-down-left
- video-camera-arrow-up-right
- video-camera-x-mark
- view-split