The HugeIcons circle small icon depicts a small, solid circle, often used to represent a single point, a status indicator, or a small decorative element in user interfaces.
Common uses
- Bullet points in lists
- Small status indicators (e.g., active/inactive)
- Decorative elements in cards or modals
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CircleSmallIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CircleSmallIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dotpointsmall circlebullet
FAQ
- What is the purpose of the CircleSmallIcon?
- The CircleSmallIcon is a versatile element used for indicating points, status, or as a small visual accent in UI designs.
- How do I use CircleSmallIcon in React?
- Import both HugeiconsIcon and CircleSmallIcon, then render it using <HugeiconsIcon icon={CircleSmallIcon} />.
- 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.