The HugeIcons folder edit icon depicts a folder with a pencil or edit symbol, commonly used to represent actions like editing folder properties, renaming a folder, or accessing folder settings.
Common uses
- Edit folder name button
- Open folder settings modal
- Initiate folder configuration
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FolderEditIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FolderEditIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- edit folderfolder settingsrename foldermanage folder
FAQ
- What does the folder edit icon represent?
- It signifies an action related to modifying or managing a folder, such as editing its name or accessing its settings.
- How do I use the FolderEditIcon in React?
- Import both HugeiconsIcon and FolderEditIcon, then render it using <HugeiconsIcon icon={FolderEditIcon} />.
- What is the license for this icon?
- This icon 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 →