The HugeIcons dashed line circle icon visually represents a circular outline composed of dashes, often used to indicate a selection area, a placeholder for a circular element, or a dashed border.
Common uses
- Indicate selectable items in a list
- Placeholder for user avatars or profile pictures
- Outline for progress indicators or loading states
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DashedLineCircleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DashedLineCircleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dashed circleoutline circledotted circlecircular dash
FAQ
- What is the dashed line circle icon used for?
- It's typically used to show a selection area, a placeholder for a circular element, or a dashed border in UI designs.
- How do I use the DashedLineCircleIcon in React?
- Import both HugeiconsIcon and DashedLineCircleIcon, then render it using <HugeiconsIcon icon={DashedLineCircleIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.