Artboard Pixel Art Icon
An artboard icon for canvas creation, design frame management, and layout workspace tools in design apps.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Artboard icon
A rectangle with corner registration marks or rulers, representing a design canvas or artboard in a vector or UI design tool. Use it on a 'New Artboard' button, an artboard selector panel, or a canvas settings trigger in a design application. Designers instantly recognize the corner-mark convention from tools like Figma, Sketch, and Illustrator. For document creation in a text-editing context, a plain file or document icon is more appropriate.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/artboard.svg" width="24" height="24" alt="Artboard" />
<!-- React -->
import { Artboard } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="artboard.svg" width="48" height="48" style="image-rendering: pixelated" />