The HugeIcons five circle icon, FiveCircleIcon, depicts five circles arranged in a pattern, often used to represent a group, a set of options, or a progress indicator.
Common uses
- Displaying a list of items or features.
- Indicating a multi-step process or progress.
- Representing a collection or group of related elements.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FiveCircleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FiveCircleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- five circlesgroup iconcollection iconprogress indicator
FAQ
- What does the FiveCircleIcon represent?
- The FiveCircleIcon visually represents a group of five distinct elements or stages, commonly used for lists, progress, or collections.
- How do I use the FiveCircleIcon in React?
- Import both HugeiconsIcon and FiveCircleIcon, then render <HugeiconsIcon icon={FiveCircleIcon} />.
- What is the license for the FiveCircleIcon?
- The FiveCircleIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →