John KuehJohn Kueh

file heart icon

Lucide · file-heart · ISC

Download SVG

The Lucide file heart icon depicts a document with a heart symbol, commonly used to represent saving a file as a favorite, marking it as important, or indicating a liked document.

Common uses

  • Save to favorites button
  • Mark document as important
  • Liked files list

Use it in React

Install
npm i lucide-react
Import & render
import { FileHeart } from 'lucide-react';

<FileHeart size={24} />

Details

Library
Lucide (1,713 icons)
License
ISC
viewBox
0 0 24 24
Keywords
heartfavouritebookmarkquick linkfilefavorite filesave fileimportant documentliked file

FAQ

What is the file heart icon used for?
It's typically used to signify actions like saving a file as a favorite, marking it as important, or indicating a user's preference for a specific document.
How do I use the file heart icon in React?
You can import and use it in React with: import { FileHeart } from 'lucide-react'
What is the license for the file heart icon?
The file heart icon is part of the Lucide icon library, which is released under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

Looking for something else? Search Lucide 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 →