Skip to content

ImageIcon

const ImageIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/ImageIcon.tsx:28

Image icon component for picture and raster-asset files.

A framed photo with a sun/horizon and a mountain ridge — the conventional glyph for image files (.png, .jpg, .svg, …) in file browsers and asset trees.

Example

// Basic usage
<ImageIcon />
// With custom size and color
<ImageIcon size="md" color="secondary" />
// As a file-type glyph
<FileTree resolveIcon={() => <ImageIcon />} nodes={nodes} />