The HugeIcons nine circle icon depicts a 3x3 grid of circles, commonly used to represent a set of related items, a menu, or a collection of options.
Common uses
- Navigation menu trigger
- Settings or options indicator
- Grid layout selector
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { NineCircleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={NineCircleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- nine dotsgrid iconmenu iconapps icon
FAQ
- What does the nine circle icon represent?
- It represents a group of nine items arranged in a 3x3 grid. This is often used for menus, settings, or collections of options.
- How do I use the NineCircleIcon in React?
- Import both HugeiconsIcon and NineCircleIcon, then render <HugeiconsIcon icon={NineCircleIcon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- The NineCircleIcon 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.