feat(icons): Add columns-3-cog icon

[irvineacosta]

What is the purpose of this pull request?

• New Icon
• Bug fix
• New Feature
• Documentation update
• Other:

Description

This PR adds a new columns-cog icon, which is a settings/editing variant of the existing columns-3 icon. The design follows Lucide’s existing conventions for settings-related icons by combining columns-3 with a cog element, similar to how other icons represent customization or configuration.

Icon use case

This icon is useful for:

• Customizing table columns in UI settings panels.
• Editing column layouts in grid-based design tools.
• Adjusting column preferences in dashboards or data tables.

Alternative icon designs

• No significant alternatives were considered, as this design follows Lucide’s cog-based settings icons.

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• The icons are solely my own creation.
• The icons were originally created in # by @
• I've based them on the existing columns-3 and the cog element used in other Lucide icons.
• I've based them on the following design:

Naming

• I've read and followed the naming conventions.
• I've named the icon by what it is rather than its use case.
• I've provided a meta JSON file in icons/columns-cog.json.

Design

• I've read and followed the icon design guidelines.
• I've made sure that the icon looks sharp on low DPI displays.
• I've made sure that the icon looks consistent with the icon set in size, optical volume, and density.
• I've made sure that the icon is visually centered.
• I've correctly optimized all icons to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const Columns3CogIcon = createLucideIcon('Columns3Cog', [
  ["path",{"d":"M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5"}],
  ["path",{"d":"m14.3 19.6 1-.4"}],
  ["path",{"d":"M15 3v7.5"}],
  ["path",{"d":"m15.2 16.9-.9-.3"}],
  ["path",{"d":"m16.6 21.7.3-.9"}],
  ["path",{"d":"m16.8 15.3-.4-1"}],
  ["path",{"d":"m19.1 15.2.3-.9"}],
  ["path",{"d":"m19.6 21.7-.4-1"}],
  ["path",{"d":"m20.7 16.8 1-.4"}],
  ["path",{"d":"m21.7 19.4-.9-.3"}],
  ["path",{"d":"M9 3v18"}],
  ["circle",{"cx":"18","cy":"18","r":"3"}]
])

[jguddas]

@karsa-mistmere what do you think about naming it columns-3-cog?

[irvineacosta]

@karsa-mistmere what do you think about naming it columns-3-cog?

Makes sense to me and leaves room for the other columns icon to have a cog version. I can updated it once @karsa-mistmere gives their input. ☺️

[karsa-mistmere]

@karsa-mistmere what do you think about naming it columns-3-cog?

Definitely!

[irvineacosta]

@karsa-mistmere @jguddas updated! 😁

[jguddas]

Should include the contributors this icon is based on.

[irvineacosta]

Updated the json file.

I wasn't sure who to credit for the small cog since there are a lot of icons using it. @karsa-mistmere was the constant so I added them.

Let me know if I need to include anyone else ✌🏻