The HugeIcons one circle icon depicts a single, solid circle, commonly used to represent a singular item, a selected state, or a primary focus point in user interfaces.
Common uses
- Selected radio button
- Active tab indicator
- Single notification badge
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { OneCircleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={OneCircleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- single circledot iconcircle outlinefocus icon
FAQ
- What does the one circle icon represent?
- It represents a single, distinct element or a state of being selected or active. It's often used for emphasis or to denote a choice.
- How do I use the OneCircleIcon in React?
- Import both HugeiconsIcon and OneCircleIcon, then render the icon using <HugeiconsIcon icon={OneCircleIcon} />.
- What is the license for this icon?
- This icon is provided 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.