SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Navigation Compass
Work Productivity 9
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.23 KB
811 bytes
-36%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/227087/navigation-compass --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC61B;" cx="256" cy="256" r="256"/> <path style="fill:#EAA22F;" d="M509.349,292.854L371.426,154.931L245.081,287.604l-102.079,72.173l149.606,149.606 C404.609,493.344,493.204,404.82,509.349,292.854z"/> <circle style="fill:#386895;" cx="256" cy="256" r="153.428"/> <g> <path style="fill:#273B7A;" d="M256,102.572c84.735,0,153.428,68.692,153.428,153.428S340.735,409.428,256,409.428V102.572z"/> <circle style="fill:#273B7A;" cx="256" cy="256" r="134.465"/> </g> <path style="fill:#121149;" d="M256,121.535c74.262,0,134.465,60.202,134.465,134.465S330.262,390.465,256,390.465V121.535z"/> <polygon style="fill:#D35933;" points="256,175.018 198.777,308.538 256,289.464 313.223,308.538 "/> <polygon style="fill:#B54324;" points="256,289.464 313.223,308.538 256,175.018 "/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.23 KB
811 bytes
-36%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/227087/navigation-compass --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC61B;" cx="256" cy="256" r="256"/> <path style="fill:#EAA22F;" d="M509.349,292.854L371.426,154.931L245.081,287.604l-102.079,72.173l149.606,149.606 C404.609,493.344,493.204,404.82,509.349,292.854z"/> <circle style="fill:#386895;" cx="256" cy="256" r="153.428"/> <g> <path style="fill:#273B7A;" d="M256,102.572c84.735,0,153.428,68.692,153.428,153.428S340.735,409.428,256,409.428V102.572z"/> <circle style="fill:#273B7A;" cx="256" cy="256" r="134.465"/> </g> <path style="fill:#121149;" d="M256,121.535c74.262,0,134.465,60.202,134.465,134.465S330.262,390.465,256,390.465V121.535z"/> <polygon style="fill:#D35933;" points="256,175.018 198.777,308.538 256,289.464 313.223,308.538 "/> <polygon style="fill:#B54324;" points="256,289.464 313.223,308.538 256,175.018 "/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download