Overview
Introduction
This tool reflects one half of an uploaded icon onto the other half, entirely in your browser, producing a mirrored variant along either axis.
It's a quick way to build kaleidoscope-style or intentionally symmetric icon variants from any source image.
What Is Icon Mirrorer?
A client-side mirroring tool: it reads an icon's pixel data and, for the chosen axis, copies every pixel from one half of the image to the mirrored position in the other half.
Unlike a full image flip, only one half's original content survives: the other half is entirely overwritten with a reflected copy.
How Icon Mirrorer Works
For horizontal mirroring, the tool walks every pixel in the left half of the image and writes its color to the mirrored x-position (width - 1 - x) on the same row, overwriting the right half.
For vertical mirroring, it walks every pixel in the top half and writes its color to the mirrored y-position (height - 1 - y) on the same column, overwriting the bottom half.
When To Use Icon Mirrorer
Use it to quickly generate a mirrored variant of an icon for a design exploration, or to build a kaleidoscope-style symmetric graphic from an asymmetric source.
It's also handy for correcting an icon that's meant to be mirror-symmetric but only has one clean half.
Often used alongside Symmetric Icon Creator and Icon to Grayscale Converter.
Features
Advantages
- Runs entirely client-side; your icon is never uploaded to a server.
- Preserves the source icon's exact dimensions.
- Works on either the horizontal or vertical axis, depending on the design you need.
Limitations
- This overwrites one full half of the icon: any unique detail on that side is permanently lost in the output.
- Icons without a clean, self-contained half can look visually broken once mirrored, since the tool has no understanding of the icon's actual subject matter.
Examples
Best Practices & Notes
Best Practices
- Make sure the half you want to keep is the one this tool preserves (left for horizontal, top for vertical) before running it.
- Preview the mirrored result before downloading, since it fully replaces the opposite half's content.
Developer Notes
mirrorIcon is a thin wrap around the existing mirrorPng function from png-mirrorer.ts: the same half-reflection pixel math, just re-exported under an icon-focused name, since an icon is simply a PNG once decoded into a PixelBuffer.
Icon Mirrorer Use Cases
- Building a kaleidoscope-style symmetric graphic from an asymmetric source
- Generating a mirrored design variant of an icon for exploration
- Completing an icon that only has one clean, finished half
Common Mistakes
- Expecting the whole image to reverse (that's a flip, not a mirror): this tool discards and replaces one half instead.
- Forgetting which half survives and being surprised the wrong side got overwritten.
Tips
- If the wrong half survived, rotate the source 180 degrees (with the PNG Rotator tool) before re-running this tool.
- Combine with the Symmetric Icon Creator tool if you want the identical mirrored-half behavior under a different framing.