Pixelarticons

Plus Pixel Art Icon

A plus sign icon for add actions, new item creation, quantity increments, and expand controls across all UIs.

finance Free 1 variant

Tags

addnewcreatepositive

Style variants

base

Outline ยท rounded corners

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

About the Plus icon

A simple cross shape that is one of the most fundamental action icons in interface design. Add it to 'Create new' buttons, quantity steppers, file upload triggers, and expandable section toggles. Its meaning is instant and universal, but it can be ambiguous in dense UIs where both 'add item' and 'expand section' actions coexist. Wrapping it in plus-box or using it alongside a descriptive label resolves that ambiguity cleanly.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/plus.svg" width="24" height="24" alt="Plus" />

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

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

Related icons