The HugeIcons file not found icon visually represents a missing or inaccessible file, commonly used to indicate an error state when a requested resource cannot be located.
Common uses
- Displaying an error message for a broken link.
- Showing an empty state for a search with no results.
- Indicating a missing asset in a user's profile.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FileNotFoundIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FileNotFoundIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- missing fileresource not founderror filebroken link
FAQ
- What does the file not found icon represent?
- This icon represents a situation where a file or resource could not be found or accessed. It's used to signal an error or an empty state.
- How do I use the FileNotFoundIcon in React?
- Import both HugeiconsIcon and FileNotFoundIcon, then render the icon using the provided component: <HugeiconsIcon icon={FileNotFoundIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the FileNotFoundIcon, is distributed 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 →