What does the file-jpg icon represent?

It represents a JPEG image file, often used for photos and graphics. It's suitable for indicating image uploads or files.

How do I use the file-jpg icon in React?

Import it from the library and use it as a component: import { FileJpg } from '@phosphor-icons/react';

The Phosphor icon library, including the file-jpg icon, is available under the MIT license.

Phosphor · file-jpg · MIT

The Phosphor file jpg icon depicts a standard JPEG image file, commonly used to represent image files or photo uploads in user interfaces.

Install

npm i @phosphor-icons/react

Import & render

import { FileJpg } from '@phosphor-icons/react';

<FileJpg size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<FileJpg size={24} />

thin

<FileJpg size={24} weight="thin" />

light

<FileJpg size={24} weight="light" />

bold

<FileJpg size={24} weight="bold" />

fill

<FileJpg size={24} weight="fill" />

duotone

<FileJpg size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: office
Keywords: documentspicturesphotographjpegofficeeditormediafilejpgjpeg fileimage filephoto iconpicture file

What does the file-jpg icon represent?: It represents a JPEG image file, often used for photos and graphics. It's suitable for indicating image uploads or files.
How do I use the file-jpg icon in React?: Import it from the library and use it as a component: import { FileJpg } from '@phosphor-icons/react'; <FileJpg size={32} />
What is the license for this icon?: The Phosphor icon library, including the file-jpg icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →