SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Compass
Navigation Elements 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.4 KB
1.67 KB
-30%
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/200647/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 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <path style="fill:#2197D8;" d="M405.961,62.116L405.961,62.116c-82.821-82.821-217.101-82.821-299.922,0l0,0 c-82.821,82.821-82.821,217.101,0,299.922L256,511.999l149.961-149.961C488.782,279.217,488.782,144.937,405.961,62.116z"/> <path style="fill:#2BA5F7;" d="M130.368,337.708c-33.558-33.558-52.04-78.175-52.04-125.633s18.481-92.074,52.04-125.631 C163.924,52.887,208.542,34.406,256,34.406c47.457,0,92.074,18.481,125.631,52.038s52.04,78.175,52.04,125.631 c0,47.458-18.481,92.075-52.04,125.631L255.998,463.34L130.368,337.708z"/> <circle style="fill:#E6E6E6;" cx="256" cy="212.083" r="129.59"/> <path style="fill:#CCCCCC;" d="M298.319,299.352c-71.573,0-129.594-58.021-129.594-129.594c0-24.945,7.055-48.238,19.266-68.008 c-36.956,22.828-61.585,63.699-61.585,110.327c0,71.573,58.021,129.594,129.594,129.594c46.628,0,87.498-24.63,110.326-61.585 C346.557,292.298,323.262,299.352,298.319,299.352z"/> <ellipse transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 414.7711 493.1812)" style="fill:#FFFFFF;" cx="309.527" cy="160.689" rx="51.607" ry="30.964"/> <polygon style="fill:#2BA5F7;" points="190.623,146.699 227.566,240.511 321.377,277.454 284.433,183.643 "/> <polygon style="fill:#F95428;" points="227.566,240.511 321.377,277.454 284.433,183.643 "/> <g> <rect x="244.301" y="70.781" style="fill:#666666;" width="23.397" height="45.899"/> <rect x="244.301" y="307.472" style="fill:#666666;" width="23.397" height="45.899"/> <rect x="114.712" y="200.384" style="fill:#666666;" width="45.899" height="23.397"/> <rect x="351.403" y="200.384" style="fill:#666666;" width="45.899" height="23.397"/> </g> <path style="fill:#2197D8;" d="M256,354.057c-78.289,0-141.98-63.691-141.98-141.98S177.712,70.097,256,70.097 s141.98,63.692,141.98,141.98S334.289,354.057,256,354.057z M256,94.87c-64.628,0-117.207,52.579-117.207,117.207 S191.371,329.284,256,329.284s117.207-52.579,117.207-117.207S320.628,94.87,256,94.87z"/> <circle style="fill:#FFFFFF;" cx="256" cy="212.083" r="13.763"/> </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
2.4 KB
1.67 KB
-30%
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/200647/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 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> <path style="fill:#2197D8;" d="M405.961,62.116L405.961,62.116c-82.821-82.821-217.101-82.821-299.922,0l0,0 c-82.821,82.821-82.821,217.101,0,299.922L256,511.999l149.961-149.961C488.782,279.217,488.782,144.937,405.961,62.116z"/> <path style="fill:#2BA5F7;" d="M130.368,337.708c-33.558-33.558-52.04-78.175-52.04-125.633s18.481-92.074,52.04-125.631 C163.924,52.887,208.542,34.406,256,34.406c47.457,0,92.074,18.481,125.631,52.038s52.04,78.175,52.04,125.631 c0,47.458-18.481,92.075-52.04,125.631L255.998,463.34L130.368,337.708z"/> <circle style="fill:#E6E6E6;" cx="256" cy="212.083" r="129.59"/> <path style="fill:#CCCCCC;" d="M298.319,299.352c-71.573,0-129.594-58.021-129.594-129.594c0-24.945,7.055-48.238,19.266-68.008 c-36.956,22.828-61.585,63.699-61.585,110.327c0,71.573,58.021,129.594,129.594,129.594c46.628,0,87.498-24.63,110.326-61.585 C346.557,292.298,323.262,299.352,298.319,299.352z"/> <ellipse transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 414.7711 493.1812)" style="fill:#FFFFFF;" cx="309.527" cy="160.689" rx="51.607" ry="30.964"/> <polygon style="fill:#2BA5F7;" points="190.623,146.699 227.566,240.511 321.377,277.454 284.433,183.643 "/> <polygon style="fill:#F95428;" points="227.566,240.511 321.377,277.454 284.433,183.643 "/> <g> <rect x="244.301" y="70.781" style="fill:#666666;" width="23.397" height="45.899"/> <rect x="244.301" y="307.472" style="fill:#666666;" width="23.397" height="45.899"/> <rect x="114.712" y="200.384" style="fill:#666666;" width="45.899" height="23.397"/> <rect x="351.403" y="200.384" style="fill:#666666;" width="45.899" height="23.397"/> </g> <path style="fill:#2197D8;" d="M256,354.057c-78.289,0-141.98-63.691-141.98-141.98S177.712,70.097,256,70.097 s141.98,63.692,141.98,141.98S334.289,354.057,256,354.057z M256,94.87c-64.628,0-117.207,52.579-117.207,117.207 S191.371,329.284,256,329.284s117.207-52.579,117.207-117.207S320.628,94.87,256,94.87z"/> <circle style="fill:#FFFFFF;" cx="256" cy="212.083" r="13.763"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download