Minus Box Pixel Art Icon
A minus sign inside a box for quantity decrementers, collapse toggles, and bordered remove controls.
Tags
minusremovesubtractnegativeboxpackagecontainer
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 Minus Box icon
A minus symbol contained within a square border, giving the subtract action a defined tap target and visual weight. Use it on quantity controls in product listings, a collapsible section header toggle, or anywhere a raw minus sign feels too lightweight for the surrounding layout. The box helps it stand out against dense content. For grids of removable items where each row or cell needs its own control, minus-box-multiple or minus-boxes provide a multi-item framing.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/minus-box.svg" width="24" height="24" alt="Minus Box" />
<!-- React -->
import { MinusBox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="minus-box.svg" width="48" height="48" style="image-rendering: pixelated" />