Symbols · drawn with your own emoji font

Check Mark 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 Check Mark · your system emoji font
How much of the square to fill

Check Mark Emoji Favicon — Free, Fast & Private

The green check button is the completion signal of the whole web: tasks done, forms validated, statuses passing. It is a white tick inside a filled green square, and the filled square is what makes it work, because it supplies an outer boundary a bare tick never has. Its problem is that operating systems already use near-identical marks in their own interfaces.

A to-do app, a status page, a compliance checklist, or an identity verification service. It misleads by implying you are the thing being verified rather than the thing doing the verifying, which matters on review and certification sites. It also collides conceptually with browser and OS security indicators, so on a page about trust or safety it can read as a system-level assurance you are not in a position to make.

Check Mark in a crowded tab strip

Green is scarce among favicons, so this reacquires easily, but it collides hard with anything else green and square: the various green square and green circle glyphs, and every other site that made the same choice. Because the tick is white on green rather than green on white, it survives the dark-tab treatment better than most.

What check mark looks like at 16 pixels

Beside a page title the outer rounded square is doing nearly all the work. At 16 pixels the white tick thins to a hairline and can vanish entirely on a low-DPI display, leaving a green rounded block. That block still reads as approval, because green plus square is enough context. It is a rare case of an emoji surviving on colour alone. The filled green square does the work at 16 pixels; the white tick thins out but the block of green still reads as approval.

Where vendors disagree about check mark

Vendor designs differ mostly in corner radius and in whether the green is flat or gradient. Apple uses a noticeably rounder square with a gradient; Noto is flatter and squarer. Tick weight varies too, and the thin-tick designs are the ones that lose the tick entirely at 16 pixels, so which platform you generate on decides whether your icon has a visible tick at all.

Where the glyph itself comes from

Your check mark 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 check mark page: Nothing to install. The renderer starts drawing ✅ the moment this page loads.
  2. Set the check mark fill: Tight runs ✅ to the edge of the square, Balanced leaves a transparent margin, Roomy pads it.
  3. Judge check mark at 16 pixels: The filled green square does the work at 16 pixels; the white tick thins out but the block of green still reads as approval.
  4. Install the check mark set: favicon.ico and the check mark PNGs go at your site root; the 192 and 512px renders go in your manifest.

Frequently asked questions

What should I use instead of check mark?
The bare check mark and the ballot box with check are the two characters people grab by mistake; both render as thin dark strokes on nothing and neither works as an icon at any size. If you want completion without the OS collision, the party popper and the trophy both signal done without borrowing a system indicator.
Where does the check mark emoji come from?
Encoded in Unicode 6.0 as "white heavy check mark", a name describing the tick rather than the green button every vendor actually draws. The mismatch between official name and universal rendering is one of the sharper examples of vendor convention overriding the standard.
Which sites does ✅ mislead?
It misleads by implying you are the thing being verified rather than the thing doing the verifying, which matters on review and certification sites. It also collides conceptually with browser and OS security indicators, so on a page about trust or safety it can read as a system-level assurance you are not in a position to make.
Is check mark readable at 16 pixels?
Holds up well at 16 pixels. The filled green square does the work at 16 pixels; the white tick thins out but the block of green still reads as approval. Beside a page title the outer rounded square is doing nearly all the work. At 16 pixels the white tick thins to a hairline and can vanish entirely on a low-DPI display, leaving a green rounded block. That block still reads as approval, because green plus square is enough context. It is a rare case of an emoji surviving on colour alone.

All Image Tools

Solutions by use case