The HugeIcons folder cloud icon depicts a folder with a cloud symbol, commonly used to represent cloud storage, file synchronization, or remote data access.
Common uses
- Cloud drive integration
- File backup status
- Remote folder access
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FolderCloudIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FolderCloudIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- cloud folderremote storagesync folderonline drive
FAQ
- What does the FolderCloudIcon represent?
- It represents a folder combined with a cloud, symbolizing cloud-based storage or synchronization of files.
- How do I use FolderCloudIcon in React?
- Import it as `import { FolderCloudIcon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={FolderCloudIcon} />`.
- What is the license for this icon?
- This icon is provided 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 →