Diff icons

8 icons carry the tag diff, across Developer Tools, AI & LLM and DevOps. API diff, Diff file, Text diff and 5 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 8 diff icons, described

API diffapi-diff: A document with a plus above and a minus below — what changed between two versions.
Diff filediff-file: A page marked with a plus and a minus — a diff or patch file.
Text diffdiff-text: Lines of text marked with plus and minus — a diff of what the model added and removed.
Git comparegit-compare: Two commits with arrows between them — compare two branches or two points in history.
Image diffimage-diff: A box with a plus over a minus inside — what one image has that another does not.
Profile diffprofile-diff: A machine frame with a plus over a minus — two profiles compared.
State diffstate-diff: A ring with a plus over a minus — what changed between two states.
Visual diffvisual-diff: A window split in two with a point each side — two renderings compared pixel by pixel.

In code, each is one import — import { ApiDiff } from "@iconmind/react/icons/api-diff" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

compare25 between5 branches3 changes3 edit6 file20 layers13 patch10 profile19 state17 test65

Every diff icon, free to ship

8 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon