The HugeIcons folder pin icon visually represents a folder with a pin, commonly used to indicate a saved, pinned, or important folder that should remain easily accessible.
Common uses
- Pinning important project folders
- Marking favorite directories
- Highlighting default or system folders
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FolderPinIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FolderPinIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- pinned foldersaved folderfavorite folderimportant folder
FAQ
- What does the folder pin icon signify?
- It signifies a folder that has been pinned or marked as important, suggesting it's a favorite or frequently accessed location.
- How do I use the FolderPinIcon in React?
- Import both HugeiconsIcon and FolderPinIcon, then render <HugeiconsIcon icon={FolderPinIcon} />.
- What is the license for this icon?
- The HugeIcons icon library, including the FolderPinIcon, is available under the MIT license.
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 →