Objects · drawn with your own emoji font

Gear emoji favicon

Turn ⚙️ into favicon.ico plus every PNG size a site needs. Drawn on your device by your own emoji font, so nothing is uploaded and there is nothing to install.

Getting ready⚙️ Gear · your system emoji font
How much of the square to fill

Gear Emoji Favicon — Free, Fast & Private

The gear is settings, mechanics and the things running underneath. Every interface built in the last twenty years has trained people to read it as configuration, so it communicates tooling faster than a wordmark could. Its teeth and centre hole are fine detail, and that is precisely where it falls apart in a browser tab.

Developer tooling, an automation service, or documentation for a heavily configurable product. It misleads by promising configurability. On a deliberately opinionated product with few settings, a gear in the tab sets an expectation the product then refuses, which is a worse first impression than a neutral mark. It also misleads on manufacturing and mechanical engineering sites, where visitors read it literally and expect industrial content.

Gear in a crowded tab strip

This is among the hardest glyphs in the catalog to reacquire, because at tab size it becomes a mid-grey circle and mid-grey circles are everywhere. Its collisions are brutal: the compact disc, the record button, the wheel and any circular logo mark all read the same. With more than a handful of tabs open, expect to find this one by position rather than by appearance.

What gear looks like at 16 pixels

Beside a page title at 16 pixels the teeth blur into the circumference and the centre hole closes to a dark speck. What is left is a grey disc with a slightly rough edge. That roughness is the only cue it is a gear rather than a circle, and on a low-DPI display even the roughness is gone. The teeth blur into a rough circle at 16 pixels and the centre hole nearly closes, so it reads as a grey wheel rather than a gear.

Where vendors disagree about gear

Apple draws eight teeth, Noto six, and the difference is plainly visible at 32 pixels. Since the teeth are the only thing separating a gear from a plain circle, the platform you generate on genuinely changes how gear-like the result reads. Hub size varies too, and the wide-hub designs hold their centre hole a full size lower than the narrow-hub ones.

Where the glyph itself comes from

Your gear icon is drawn on your device by your own colour emoji font, so it matches your platform rather than being a consistent cross-platform design. MiniPx ships no emoji artwork. Emoji are colour glyphs, so the .ico carries colour PNG payloads with alpha.

How it works

  1. Open the gear page: Nothing to install. The renderer starts drawing ⚙️ the moment this page loads.
  2. Set the gear fill: Tight runs ⚙️ to the edge of the square, Balanced leaves a transparent margin, Roomy pads it.
  3. Judge gear at 16 pixels: The teeth blur into a rough circle at 16 pixels and the centre hole nearly closes, so it reads as a grey wheel rather than a gear.
  4. Install the gear set: favicon.ico and the gear PNGs go at your site root; the 192 and 512px renders go in your manifest.

Frequently asked questions

What should I use instead of gear?
The wrench and the hammer-and-wrench both say tooling with a strongly asymmetric outline that survives small sizes far better than a circle does. If the meaning is automation rather than configuration, the robot face is more current and considerably more legible.
Where does the gear emoji come from?
Encoded in Unicode 4.1 in 2005 as a plain symbol, long before the settings-icon convention it now carries. It is a text-presentation character, so it needs a variation selector, and a few older environments still render it as a hollow monochrome outline rather than a filled grey wheel.
Which sites does ⚙️ mislead?
It misleads by promising configurability. On a deliberately opinionated product with few settings, a gear in the tab sets an expectation the product then refuses, which is a worse first impression than a neutral mark. It also misleads on manufacturing and mechanical engineering sites, where visitors read it literally and expect industrial content.
Is gear readable at 16 pixels?
Usable at 16 pixels, better at 32. The teeth blur into a rough circle at 16 pixels and the centre hole nearly closes, so it reads as a grey wheel rather than a gear. Beside a page title at 16 pixels the teeth blur into the circumference and the centre hole closes to a dark speck. What is left is a grey disc with a slightly rough edge. That roughness is the only cue it is a gear rather than a circle, and on a low-DPI display even the roughness is gone.

All Image Tools

Solutions by use case