Beta

Compass SVG logo, flat

Free
Compass SVG logo, flat

A four-point compass rose sits inside a circle, with its longest point facing north. Place it on a walking map or an orienteering class handout.

Sign in to download. Free SVGs are free with any account.

compassnavigationdirectionemblememblemslogoflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6rI7anyRxPAh/amnt.svg" alt="Compass" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Four-point compass rose"><circle cx="128" cy="128" r="86" fill="none" stroke="#17324D" stroke-width="10"/><path d="M128 48 143 113 178 128 143 143 128 190 113 143 78 128 113 113Z" fill="#17324D"/><path d="M128 48 143 113 128 128Z" fill="#28B6A6"/><circle cx="128" cy="128" r="8" fill="#28B6A6"/></svg>
CSS background-image
.compass {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6rI7anyRxPAh/amnt.svg");
  background-size: contain;
}
React
import CompassSvg from "./compass.jsx"; // from the React tab above

<CompassSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Compass: A four-point compass rose inside a circle, with the north point longest. as part of the pack Emblem Logos, Flat. Want one like it? Make your own in the SVG studio.

Rest of Emblem Logos, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence