Circle icon
circle
A plain circle, for shape tools, status dots and radio-style markers.
- Component
- CircleIcon
- Intended size
- 24×24 px, 1.5 px stroke
- Iconset
- Sidekickicons
- Keywords
- 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="M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0Z" />
</svg>Circle icon in UI elements
Button · Mini
Secondary button · Mini
Icon buttons · Mini, and an Outline toggle that turns Solid
Input · Mini
Navigation · Outline
Online Online
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
- radial-rays
- 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