SVG Library›Free Icons and UI Symbols›Gray Compass Rose

What Gray Compass Rose is good for

Public-domain compass rose for navigation, maps, and heritage layouts.

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

Guides

Use SVG in FigmaUse SVG in ReactDownload PNG from SVGCustomize SVG ColorsUse SVG for Docs and PresentationsPNG to SVG Alternatives

FAQ

What is Gray Compass Rose useful for?

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

Can I customize Gray Compass Rose 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 Gray Compass Rose 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

CC0 Compass Rose

Detailed CC0 compass rose for editorial, nautical, and travel-themed compositions.

Elevator Sign

AIGA elevator pictogram for buildings, stations, and facility maps.

Escalator Sign

AIGA escalator pictogram for transit hubs and facility navigation.

Black Bishop

Classic Cburnett black bishop chess piece with transparent background.

Black King

Classic Cburnett black king chess piece with transparent background.

Black Knight

Classic Cburnett black knight chess piece with transparent background.