The HugeIcons four circle icon depicts four distinct circles arranged in a square, often used to represent grouping, relationships, or a set of related items.
Common uses
- Displaying a list of related entities
- Indicating a connection between four elements
- Representing a multi-part status or process
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FourCircleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FourCircleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- four dotsfour circlesgroup iconrelated items
FAQ
- What does the four circle icon represent?
- It visually represents four separate but related items or concepts, often used for grouping or indicating connections.
- How do I use the FourCircleIcon in React?
- Import both HugeiconsIcon and FourCircleIcon, then render <HugeiconsIcon icon={FourCircleIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
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 →