file-diff
File Diff icon · Lucide · <FileDiff />
file-diffLucide tags file-diff with patch. It's in Lucide's File icons and Coding & development categories; similar icons include Diff, Message Square Diff and File.
24 px, stroke 2
file-diff.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
File Diff icon in React
npm install lucide-react
import { FileDiff } from "lucide-react";
export function Example() {
return <FileDiff />;
}Details
| Name | file-diff |
|---|---|
| Component | FileDiff (also FileDiffIcon, LucideFileDiff) |
| Categories | File icons, Coding & development |
| Icon font | icon-file-diff, U+E317 |
| CSS content | "\e317" |
| File | lucide-static/icons/file-diff.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |