Favicon examples

Compare 12 favicon examples at actual tab sizes. Browse letters, simple shapes and emoji, with light and dark previews.

Single initial at 16 pixelsSingle initial

Single initial

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

One heavy letter stays distinct at 16 px. Extra space keeps it away from the edge.

Download example ICO
Rounded initial at 16 pixelsRounded initial

Rounded initial

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A familiar lowercase shape makes a compact mark without needing a complete word.

Download example ICO
Editorial initial at 16 pixelsEditorial initial

Editorial initial

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A substantial serif gives an editorial identity more character than a full wordmark.

Download example ICO
Two-letter monogram at 16 pixelsTwo-letter monogram

Two-letter monogram

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

Two short letters can work, but compare the 16 px version before adding more text.

Download example ICO
Developer mark at 16 pixelsDeveloper mark

Developer mark

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

Paired brackets suggest code with a recognizable silhouette and no tiny details.

Download example ICO
Positive space at 16 pixelsPositive space

Positive space

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A bold plus holds up at small sizes. Simple symbols need a distinctive color or context.

Download example ICO
Open circle at 16 pixelsOpen circle

Open circle

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A thick ring leaves a clear counter. Thin outlines would be harder to see at 16 px.

Download example ICO
Number mark at 16 pixelsNumber mark

Number mark

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A single number is useful when it already belongs to the product identity.

Download example ICO
Launch icon at 16 pixelsLaunch icon

Launch icon

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

The rocket's diagonal silhouette reads quickly. Small window details are secondary.

Download example ICO

Twemoji · CC BY 4.0

Growth icon at 16 pixelsGrowth icon

Growth icon

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

Two leaves are enough to suggest growth. Check the green against both tab themes.

Download example ICO

Twemoji · CC BY 4.0

Cafe icon at 16 pixelsCafe icon

Cafe icon

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A familiar object can replace text. The cup needs enough contrast on a light tab.

Download example ICO

Twemoji · CC BY 4.0

Energy icon at 16 pixelsEnergy icon

Energy icon

16 pixel example32 pixel example48 pixel example
16 / 32 / 48 px

A clean lightning silhouette avoids detail, but yellow is less visible on white.

Download example ICO

Twemoji · CC BY 4.0

Favicon ideas that work at 16 pixels

These are downloadable design samples, not a collection of other companies' trademarks. Compare the actual-size preview before judging the enlarged icon. A memorable outline, substantial strokes and a clear foreground/background difference matter more here than elaborate detail.

Use a single initial when the full wordmark is too wide. A simple symbol can work when it already represents the product. An emoji is a quick option for a personal site or small project, but it will not be a unique brand mark.

For the design process, see the square-logo guide. To check an existing image in more browser contexts, use favicon preview.

Make these favicon designs your own

The letter and shape samples are original FaviconMaker examples, free to reuse without attribution. Start with your own initial in the favicon generator for a more personal result. Check the name and symbol against existing brands before adopting a public identity.

Credits for the emoji favicon examples

The four emoji samples use Twemoji by Twitter and contributors, rasterized and resized under CC BY 4.0. Attribution is required when you use them. The emoji favicon generator includes full packs with attribution files.