The HugeIcons columns three cog icon depicts three columns with a cogwheel, typically used to represent settings or configuration options related to multi-column layouts or advanced system management.
Common uses
- Accessing advanced settings for a dashboard
- Configuring column visibility in a data table
- Navigating to a system administration panel
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ColumnsThreeCogIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ColumnsThreeCogIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- three column settingsconfiguration columnslayout options cogmulti-column settings
FAQ
- What does the columns three cog icon represent?
- This icon represents settings or configuration options, specifically in the context of managing or adjusting multiple columns or system parameters.
- How do I use the ColumnsThreeCogIcon in React?
- Import both HugeiconsIcon and ColumnsThreeCogIcon, then render the icon using <HugeiconsIcon icon={ColumnsThreeCogIcon} />.
- What is the license for this icon?
- The HugeIcons icon library, including the ColumnsThreeCogIcon, 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 →