Compass Square Pixel Art Icon
A compass needle in a square housing, for discover tabs and navigation features in interfaces with a boxy, geometric look.
Tags
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
This is a Pro icon.
Get it with all 4431 pixel art icons: every style, full SVG source, one-time license.
Whole team? Team Unlimited covers everyone.
About the Compass Square icon
The same diamond compass needle as the round compass icon, set inside a square case with rounded pixel corners. Use it for discover tabs, explore pages, and wayfinding features when your interface favors square outlines, or to echo the look of app icons and map tiles. It ships in all four styles, so it can follow your icon set from line to sharp to solid to glyph without breaking the visual language. For the classic round bezel, reach for compass instead.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/compass-square.svg" width="24" height="24" alt="Compass Square" />
<!-- React -->
import { CompassSquare } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="compass-square.svg" width="48" height="48" style="image-rendering: pixelated" />