Compass (Open Iconic) SVG Download

Compass icon in Open Iconic style.

What Compass (Open Iconic) is good for

Compass icon in Open Iconic style.

Use this asset in code, Figma, docs, decks, or product surfaces. The item page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Use it in your workflow

Copy the raw SVG when you want the original markup.
Copy JSX when the asset is going straight into a React or Next.js component.
Copy a React component when you want a reusable wrapper with props support.
Download PNG when the destination needs a raster graphic for slides, docs, or CMS fields.

Browse related collections and guides

Collections

Free Icons and UI Symbols Navigation and Map Symbols

Guides

Use SVG in Figma Use SVG in React Download PNG from SVG Customize SVG Colors Use SVG for Docs and Presentations PNG to SVG Alternatives

FAQ

What is Compass useful for?

Compass is useful for navigation layouts, product UI, editorial graphics, docs, and presentation work where you need a reusable vector asset.

Can I customize Compass before exporting it?

Yes. The asset page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Can I use Compass in code instead of downloading a file?

Yes. The item page can provide raw SVG, JSX, and a React component version for direct use in codebases.

Related assets

Globe (Open Iconic)

Globe icon from Open Iconic.

Map (Open Iconic)

Map icon from Open Iconic.

Map Marker

Location marker icon in Open Iconic style.

Compass (Feather Icons)

Compass icon for discovery and direction.

Compass (Eva Icons)

Compass icon in Eva style.

Arrow Right Circle

Circular arrow CTA in Feather style.