SVG
Viewer
Dark mode
Light mode
Hide sidebar
Compass Draw
Modern Education
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.34 KB
1.5 KB
-36%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/190664/compass-draw --> <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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#90DFAA;" cx="254" cy="254" r="254"/> <g> <rect x="194" y="237.2" style="fill:#324A5E;" width="120" height="4.8"/> <rect x="250" y="58.8" style="fill:#324A5E;" width="7.6" height="120"/> </g> <path style="fill:#FFFFFF;" d="M277.2,166.8l53.2,228.8l-8.8,63.2l-46.4-200l2.8-0.8l-8-35.2l-2.8,0.8l-8.4-36.8 c-1.6-7.6-0.8-15.6,2.8-22.4l0,0C265.2,157.6,275.6,159.2,277.2,166.8z"/> <polygon style="fill:#E6E9EE;" points="315.2,431.2 321.6,458.4 325.6,428.8 "/> <path style="fill:#FFFFFF;" d="M230.8,166.8l-53.2,228.4l8.8,63.2l46.4-199.6L230,258l8-35.2l2.8,0.8l8.4-36.8 c1.6-7.6,0.8-15.6-2.8-22.4l0,0C242.8,157.6,232.4,159.2,230.8,166.8z"/> <polygon style="fill:#E6E9EE;" points="192.8,431.2 186.4,458.4 182.4,428.8 "/> <g> <path style="fill:#FFFFFF;" d="M316.8,244.4L316.8,244.4c-1.6,0-3.2-1.2-3.2-3.2V234c0-1.6,1.2-3.2,3.2-3.2l0,0 c1.6,0,3.2,1.2,3.2,3.2v7.2C320,243.2,318.4,244.4,316.8,244.4z"/> <path style="fill:#FFFFFF;" d="M196,244.4L196,244.4c-1.6,0-3.2-1.2-3.2-3.2V234c0-1.6,1.2-3.2,3.2-3.2l0,0c1.6,0,3.2,1.2,3.2,3.2 v7.2C199.2,243.2,197.6,244.4,196,244.4z"/> </g> <g> <path style="fill:#E6E9EE;" d="M254,254L254,254c-2.4,0-4.4-2-4.4-4.4V230c0-2.4,2-4.4,4.4-4.4l0,0c2.4,0,4.4,2,4.4,4.4v19.2 C258.4,252,256.4,254,254,254z"/> <path style="fill:#E6E9EE;" d="M269.6,178.8c-1.2,0-2.4-0.8-2.8-1.6c-0.8-1.6,0-3.2,1.6-4c12.8-5.6,21.2-18.4,21.2-32.4 c0-19.6-16-35.6-35.6-35.6s-35.6,16-35.6,35.6c0,14,8.4,26.8,21.2,32.4c1.6,0.8,2,2.4,1.6,4c-0.8,1.6-2.4,2-4,1.6 c-15.2-6.8-24.8-21.6-24.8-38c0-22.8,18.8-41.6,41.6-41.6s41.6,18.8,41.6,41.6c0,16.4-9.6,31.2-24.8,38 C270.4,178.8,270,178.8,269.6,178.8z"/> </g> <circle style="fill:#CED5E0;" cx="254" cy="178.4" r="10"/> <circle style="fill:#ACB3BA;" cx="254" cy="178.4" r="5.2"/> <path style="fill:#FFFFFF;" d="M258.8,89.6h-9.2c-2.4,0-4.4-2-4.4-4.4V54c0-2.4,2-4.4,4.4-4.4h9.2c2.4,0,4.4,2,4.4,4.4v30.8 C263.2,87.6,261.2,89.6,258.8,89.6z"/> </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.34 KB
1.5 KB
-36%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/190664/compass-draw --> <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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#90DFAA;" cx="254" cy="254" r="254"/> <g> <rect x="194" y="237.2" style="fill:#324A5E;" width="120" height="4.8"/> <rect x="250" y="58.8" style="fill:#324A5E;" width="7.6" height="120"/> </g> <path style="fill:#FFFFFF;" d="M277.2,166.8l53.2,228.8l-8.8,63.2l-46.4-200l2.8-0.8l-8-35.2l-2.8,0.8l-8.4-36.8 c-1.6-7.6-0.8-15.6,2.8-22.4l0,0C265.2,157.6,275.6,159.2,277.2,166.8z"/> <polygon style="fill:#E6E9EE;" points="315.2,431.2 321.6,458.4 325.6,428.8 "/> <path style="fill:#FFFFFF;" d="M230.8,166.8l-53.2,228.4l8.8,63.2l46.4-199.6L230,258l8-35.2l2.8,0.8l8.4-36.8 c1.6-7.6,0.8-15.6-2.8-22.4l0,0C242.8,157.6,232.4,159.2,230.8,166.8z"/> <polygon style="fill:#E6E9EE;" points="192.8,431.2 186.4,458.4 182.4,428.8 "/> <g> <path style="fill:#FFFFFF;" d="M316.8,244.4L316.8,244.4c-1.6,0-3.2-1.2-3.2-3.2V234c0-1.6,1.2-3.2,3.2-3.2l0,0 c1.6,0,3.2,1.2,3.2,3.2v7.2C320,243.2,318.4,244.4,316.8,244.4z"/> <path style="fill:#FFFFFF;" d="M196,244.4L196,244.4c-1.6,0-3.2-1.2-3.2-3.2V234c0-1.6,1.2-3.2,3.2-3.2l0,0c1.6,0,3.2,1.2,3.2,3.2 v7.2C199.2,243.2,197.6,244.4,196,244.4z"/> </g> <g> <path style="fill:#E6E9EE;" d="M254,254L254,254c-2.4,0-4.4-2-4.4-4.4V230c0-2.4,2-4.4,4.4-4.4l0,0c2.4,0,4.4,2,4.4,4.4v19.2 C258.4,252,256.4,254,254,254z"/> <path style="fill:#E6E9EE;" d="M269.6,178.8c-1.2,0-2.4-0.8-2.8-1.6c-0.8-1.6,0-3.2,1.6-4c12.8-5.6,21.2-18.4,21.2-32.4 c0-19.6-16-35.6-35.6-35.6s-35.6,16-35.6,35.6c0,14,8.4,26.8,21.2,32.4c1.6,0.8,2,2.4,1.6,4c-0.8,1.6-2.4,2-4,1.6 c-15.2-6.8-24.8-21.6-24.8-38c0-22.8,18.8-41.6,41.6-41.6s41.6,18.8,41.6,41.6c0,16.4-9.6,31.2-24.8,38 C270.4,178.8,270,178.8,269.6,178.8z"/> </g> <circle style="fill:#CED5E0;" cx="254" cy="178.4" r="10"/> <circle style="fill:#ACB3BA;" cx="254" cy="178.4" r="5.2"/> <path style="fill:#FFFFFF;" d="M258.8,89.6h-9.2c-2.4,0-4.4-2-4.4-4.4V54c0-2.4,2-4.4,4.4-4.4h9.2c2.4,0,4.4,2,4.4,4.4v30.8 C263.2,87.6,261.2,89.6,258.8,89.6z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download