Question 1

What is an identicon?

Accepted Answer

An identicon is a visual representation of a hash value, typically displayed as a symmetric pixel grid pattern. Made famous by GitHub's default avatars, identicons generate a unique geometric image from any input string (username, email, IP address). The same input always produces the same image, making identicons useful as visual identifiers. This tool creates identicons entirely in your browser using the Canvas API and a hash function — no server processing required.

Question 2

How it works

Accepted Answer

Hashing — the input text is hashed to produce a deterministic numeric value. Grid generation — the hash bits determine which cells in a 5×5 (or larger) grid are filled. Symmetry — the pattern is mirrored horizontally, creating a symmetric design reminiscent of a Rorschach inkblot. Color derivation — you can customize the foreground and background colors, or let the hash determine the color. Rendering — the pattern is drawn onto an HTML Canvas element and can be exported as a PNG image.

Question 3

Common use cases

Accepted Answer

Default avatars — generate unique placeholder avatars for users who have not uploaded a profile picture. Visual hashing — quickly compare two strings visually by their identicon patterns. User identification — help users distinguish between accounts in lists and comments. Placeholder graphics — create unique decorative elements for prototypes and mockups. Privacy — provide visual identity without requiring personal photos.