The Tabler file diff icon depicts two overlapping documents with a difference indicator, commonly used to represent changes or comparisons between file versions in a user interface.
Common uses
- Showing version control diffs
- Highlighting document changes
- Comparing data records
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFileDiff } from '@tabler/icons-react';
<IconFileDiff size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconFileDiff size={24} stroke={2} />filled
<IconFileDiffFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Document
- Keywords
- addcreatenewfilediffdocumentdatacontentrecordpapercompare filesversion historydocument changesfile comparison
FAQ
- What is the file diff icon used for?
- It visually represents differences between two versions of a file or document, often seen in version control systems or document comparison tools.
- How do I use the file diff icon in React?
- You can import and use it directly with: import { IconFileDiff } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including the file diff icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →