The Lucide image off icon visually represents that an image is unavailable or has been disabled, commonly used to indicate broken image links or content that is not currently displayed.
Common uses
- Displaying a placeholder for a missing image in a gallery.
- Indicating that image loading has been turned off in settings.
- Showing an error state for an image that failed to load.
Use it in React
Install
npm i lucide-reactImport & render
import { ImageOff } from 'lucide-react';
<ImageOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- picturephotoimageoffbroken imageno imageimage unavailablepicture off
FAQ
- What does the image off icon signify?
- It signifies that an image is not available or has been turned off. It's used to represent broken image links or content that isn't displayed.
- How do I use the image off icon in React?
- You can import and use it in React with the following code: import { ImageOff } from 'lucide-react'
- What is the license for the Lucide image off icon?
- The Lucide icon library, including the image off icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →