Skip to content
shadcn.io

Gear Bold

The gear-bold icon represents a prominent mechanical gear, symbolizing important settings or configurations.

Add shadcn.io to your AI agent. · Pro It installs Gear Bold, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Gear Bold icon from Phosphor
Get Pro

9,161 in PhosphorMIT license (opens in a new tab)Free to copy and download

Code

Gear Bold in your framework

In any framework. Customize it above, and the code follows.

export const GearBoldIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256" {...props}>
    <path fill="currentColor" d="M128 76a52 52 0 1 0 52 52a52.06 52.06 0 0 0-52-52m0 80a28 28 0 1 1 28-28a28 28 0 0 1-28 28m92-27.21v-1.58l14-17.51a12 12 0 0 0 2.23-10.59A111.8 111.8 0 0 0 225 71.89a12 12 0 0 0-9.11-5.89l-22.28-2.5l-1.11-1.11L190 40.1a12 12 0 0 0-5.89-9.1a111.7 111.7 0 0 0-27.23-11.27A12 12 0 0 0 146.3 22l-17.51 14h-1.58L109.7 22a12 12 0 0 0-10.59-2.23a111.8 111.8 0 0 0-27.22 11.28A12 12 0 0 0 66 40.11l-2.5 22.28l-1.11 1.11L40.1 66a12 12 0 0 0-9.1 5.89a111.7 111.7 0 0 0-11.23 27.23A12 12 0 0 0 22 109.7l14 17.51v1.58L22 146.3a12 12 0 0 0-2.23 10.59a111.8 111.8 0 0 0 11.29 27.22a12 12 0 0 0 9.05 5.89l22.28 2.48l1.11 1.11L66 215.9a12 12 0 0 0 5.89 9.1a111.7 111.7 0 0 0 27.23 11.27A12 12 0 0 0 109.7 234l17.51-14h1.58l17.51 14a12 12 0 0 0 10.59 2.23A111.8 111.8 0 0 0 184.11 225a12 12 0 0 0 5.91-9.06l2.48-22.28l1.11-1.11L215.9 190a12 12 0 0 0 9.06-5.91a111.7 111.7 0 0 0 11.27-27.23A12 12 0 0 0 234 146.3Zm-24.12-4.89a70 70 0 0 1 0 8.2a12 12 0 0 0 2.61 8.22l12.84 16.05a86.5 86.5 0 0 1-4.33 10.49l-20.43 2.27a12 12 0 0 0-7.65 4a69 69 0 0 1-5.8 5.8a12 12 0 0 0-4 7.65L166.86 207a86.5 86.5 0 0 1-10.49 4.35l-16.05-12.85a12 12 0 0 0-7.5-2.62h-.72a70 70 0 0 1-8.2 0a12.06 12.06 0 0 0-8.22 2.6l-16.05 12.85A86.5 86.5 0 0 1 89.14 207l-2.27-20.43a12 12 0 0 0-4-7.65a69 69 0 0 1-5.8-5.8a12 12 0 0 0-7.65-4L49 166.86a86.5 86.5 0 0 1-4.35-10.49l12.84-16.05a12 12 0 0 0 2.61-8.22a70 70 0 0 1 0-8.2a12 12 0 0 0-2.61-8.22L44.67 99.63A86.5 86.5 0 0 1 49 89.14l20.43-2.27a12 12 0 0 0 7.65-4a69 69 0 0 1 5.8-5.8a12 12 0 0 0 4-7.65L89.14 49a86.5 86.5 0 0 1 10.49-4.35l16.05 12.85a12.06 12.06 0 0 0 8.22 2.6a70 70 0 0 1 8.2 0a12 12 0 0 0 8.22-2.6l16.05-12.85A86.5 86.5 0 0 1 166.86 49l2.27 20.43a12 12 0 0 0 4 7.65a69 69 0 0 1 5.8 5.8a12 12 0 0 0 7.65 4L207 89.14a86.5 86.5 0 0 1 4.35 10.49l-12.84 16.05a12 12 0 0 0-2.63 8.22"/>
  </svg>
);

Other libraries

Gear Bold in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Gear Bold icon from Bootstrap Icons
  • Gear Bold icon from Font Awesome Solid
  • Gear Bold icon from Fluent Emoji High Contrast
  • Gear Bold icon from Font Awesome 6 Solid
  • Gear Bold icon from Emoji One (Monotone)
  • Gear Bold icon from Pepicons Pop!
  • Gear Bold icon from Pepicons Print
  • Gear Bold icon from Pepicons Pencil

Phosphor

More like it

Icons that share its tags, in the same style.

All 9,161 icons
  • Gear Fine Bold icon from Phosphor
  • User Gear Bold icon from Phosphor
  • Gear Six Bold icon from Phosphor
  • Option Bold icon from Phosphor
  • Toggle Left Bold icon from Phosphor
  • User Circle Gear Bold icon from Phosphor
  • Align Top Bold icon from Phosphor
  • Align Top Simple Bold icon from Phosphor
  • Arrow Arc Right Bold icon from Phosphor
  • Arrow Bend Up Right Bold icon from Phosphor
  • Arrow Circle Down Bold icon from Phosphor
  • Arrow Circle Right Bold icon from Phosphor
  • Arrow Circle Up Bold icon from Phosphor
  • Arrow Down Left Bold icon from Phosphor
  • Arrow Down Right Bold icon from Phosphor
  • Arrow Fat Left Bold icon from Phosphor
  • Arrow Right Bold icon from Phosphor
  • Arrow Square Down Bold icon from Phosphor
  • Arrow Square Left Bold icon from Phosphor
  • Arrow Square Out Bold icon from Phosphor
  • Arrow U Down Right Bold icon from Phosphor
  • Arrow U Right Down Bold icon from Phosphor
  • Arrow U Right Up Bold icon from Phosphor
  • Bank Bold icon from Phosphor

Search Phosphor

Skip the copy and paste. With Pro, your AI agent finds and installs any Phosphor icon from a prompt.

Get Pro

Tags

Browse by tag

Gear Bold is tagged interface, design, UX and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Phosphor MCP, with Pro

Ask for Gear Bold or any of 9,161 Phosphor icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Gear Bold icon means and where it's used, then how to install, style and license it.

Install Gear Bold from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro