The HugeIcons folder favourite icon visually represents a folder marked as a favorite, commonly used to indicate or access saved, important, or frequently used directories.
Common uses
- Bookmark frequently accessed project folders
- Highlight user-saved content directories
- Indicate a 'starred' or 'pinned' folder in a file manager
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FolderFavouriteIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FolderFavouriteIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- favorite folderstar folderimportant folderpinned folder
FAQ
- What does the folder favourite icon represent?
- It signifies a folder that has been marked as a favorite or important, often used for quick access or to denote saved items.
- How do I use the FolderFavouriteIcon in React?
- Import both HugeiconsIcon and FolderFavouriteIcon, then render it using <HugeiconsIcon icon={FolderFavouriteIcon} />.
- What is the license for this icon?
- The FolderFavouriteIcon is released under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →