Square Chevron Right Pixel Art Icon
A rightward chevron inside a square for forward navigation buttons, next-step controls, and right-panel expand triggers.
Tags
squarechevroncaretarrowrightforwardnexteast
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 Square Chevron Right icon
A rightward chevron enclosed in a square, forming a boxy button-like affordance for 'next' or 'proceed.' Use it on wizard next-step controls, carousel next-slide buttons, or right-panel expand triggers in angular design systems. The square frame raises click-target size and visual weight compared to a bare chevron-right. Square-chevron-left is its natural partner for back navigation; circle-chevron-right serves the same purpose in rounded design systems.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/square-chevron-right.svg" width="24" height="24" alt="Square Chevron Right" />
<!-- React -->
import { SquareChevronRight } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-chevron-right.svg" width="48" height="48" style="image-rendering: pixelated" />