Icon Compare

Design with us Icon Compare

Compare an icon's before and after SVG, on light and dark backgrounds.

Reviewing a whole Gerrit change? Run this in your online checkout to diff every icon at once, with usage info:
./scripts/icon-before-after.py <gerrit-change-url-or-number>
Light images/
Dark images/dark/

Light theme

Before
After

Dark theme

Before
After

Find where this icon is used in the code

Separate from the diff above: enter the icon's name to locate its references in the Collabora Online sources.

Type an icon name to look up its usages.

Everything stays in your browser. No uploads, no network calls.