Compass color filled icon
Outline icon of a round pocket compass with a needle and hanging loop inside a circle
About the Compass color filled icon
A pocket compass drawn as concentric rings with a small pivot dot at the center, a curved needle sweeping around to a triangular arrowhead, and a ring loop with a lug on top for attaching it to a lanyard. Enclosed in a circular badge frame, it stands for orientation, exploring and finding direction, suiting map screens, travel booking sites, hiking and outdoor apps, onboarding tours and scouting badges.
The design is fully radial: three nested circles plus a needle that reads as a rotating arrow rather than a fixed north pointer, which makes it feel like active searching. It pairs with map, pin, binoculars and backpack icons. The inner pivot dot is tiny, so use 32 px or larger, or pick a color style for hero use.
This is the colour filled version of the compass icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
