The Lucide folder heart icon depicts a folder with a heart symbol, commonly used to represent saved or favorited directories, important links, or a user's personal collection.
Common uses
- Marking a folder as a favorite
- Indicating a user's saved items folder
- Representing a 'quick link' to an important directory
Use it in React
Install
npm i lucide-reactImport & render
import { FolderHeart } from 'lucide-react';
<FolderHeart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directoryheartfavouritebookmarkquick linkfoldersaved folderfavorite directoryheart folderbookmark folder
FAQ
- What is the folder heart icon used for?
- It's typically used to signify a folder that has been favorited, saved, or is considered important, like a personal collection or a quick link.
- How do I use the folder heart icon in React?
- You can import it directly from the 'lucide-react' library using: import { FolderHeart } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the folder heart icon, is available 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 →