Frame Pixel Art Icon
A frame icon for artboard containers, design frames, aspect-ratio masks and photo-frame UI components.
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Frame icon
A rectangular border or frame outline, representing a container, artboard, or presentation frame in design tooling. Use it in a design tool's 'New frame' button, a photo-framing component in a CMS, an aspect-ratio crop mask selector, or a slide-layout template indicator. In Figma-style tools, 'frames' are the foundational containers for layouts, so this icon fits frame-creation and frame-selection actions. For adding a new frame specifically, frame-plus combines the container shape with a plus to signal creation.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/frame.svg" width="24" height="24" alt="Frame" />
<!-- React -->
import { Frame } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="frame.svg" width="48" height="48" style="image-rendering: pixelated" />