Plus Box Pixel Art Icon
A plus sign inside a box for bordered add controls, quantity incrementers, and boxed creation affordances.
Tags
plusaddnewcreatepositiveboxpackagecontainer
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Plus Box icon
A plus symbol inside a square border, giving the add action more visual weight and a defined tap target. It suits quantity controls in product cards, a cell-level 'Add item' button in a data grid, or an 'Expand and add' toggle in a nested list. The box makes it visually distinct from plain text links and easier to spot in compact layouts. For adding multiple items or acting on a whole group at once, plus-boxes provides the multi-container variant.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/plus-box.svg" width="24" height="24" alt="Plus Box" />
<!-- React -->
import { PlusBox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="plus-box.svg" width="48" height="48" style="image-rendering: pixelated" />