Pixelarticons

Image 2 Pixel Art Icon

An alternate image icon for photo fields, media pickers, and picture placeholders with a different visual shape.

media Pro 4 variants

Tags

imagepicturephotojpgpng

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Image 2 icon

A second framing of the image concept, with a slightly different internal composition or aspect ratio compared to the base image icon. Use it when you want visual distinction between two image-related actions in the same UI, or when this silhouette fits your layout grid more naturally. Its action modifiers (image-2-plus, image-2-minus, image-2-x) mirror those of the base image icon so the two families can coexist cleanly in a single product.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/image-2.svg" width="24" height="24" alt="Image 2" />

<!-- React -->
import { Image2 } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="image-2.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons