Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, Tools and utensils, cardinal points, and maps and location. Created in a clean lineal color style with a white, silver, gray, and black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#dae4ea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c70.792-43.79 117.956-122.131 117.956-211.489 0-137.242-111.257-248.5-248.5-248.5-31.948 0-62.488 6.03-90.544 17.011 37.937-23.466 82.658-37.011 130.544-37.011 137.243 0 248.5 111.258 248.5 248.5C157.956-126.194 92.468-36.195 0 0"
transform="translate(346.544 487.489)"
fill="#c6d0da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-118.074-95.718-213.792-213.792-213.792S-427.584-118.074-427.584 0s95.718 213.792 213.792 213.792S0 118.074 0 0"
transform="translate(469.792 256)"
fill="#93d8e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.726 27.25-74.813 43.642-120.729 43.642-104.267 0-188.792-84.525-188.792-188.792 0-45.916 16.392-88.002 43.642-120.729z"
transform="translate(376.728 401.15)"
fill="#909ba5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.754 0-13.426-.355-19.997-1.047a187.587 187.587 0 0 0 57.338-15.471c23.496-10.565 29.06-41.451 10.844-59.668l-209.967-209.967a189.305 189.305 0 0 1 16.632-23.368L120.729-43.642C88.002-16.392 45.916 0 0 0"
transform="translate(256 444.792)"
fill="#808b95"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-265.879-265.879c32.726-27.25 74.813-43.642 120.729-43.642 104.267 0 188.792 84.525 188.792 188.792C43.642-74.813 27.25-32.727 0 0"
transform="translate(401.15 376.729)"
fill="#909ba5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a191.27 191.27 0 0 1 12.762-11.659L278.651 254.23a190.73 190.73 0 0 1-11.659 12.762 190.73 190.73 0 0 1-12.762 11.659L-11.659 12.762A191.27 191.27 0 0 1 0 0"
transform="translate(122.504 122.504)"
fill="#f6f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a191 191 0 0 1-12.762 11.659L-27.24-2.818l.461-.481c4.863-5.103 4.732-13.169-.253-18.154l-242.72-242.721a191 191 0 0 1 15.522-14.477L11.659-12.762A191.27 191.27 0 0 1 0 0"
transform="translate(389.496 389.496)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-122.313-122.312Z"
transform="translate(228.21 263.79)"
fill="#808b95"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.263-16.263C-3.527-41.677 3.642-70.366 3.642-100.729c0-104.267-84.525-188.792-188.792-188.792-22.368 0-43.827 3.891-63.738 11.031 29.77-19.615 65.42-31.031 103.738-31.031 104.267 0 188.792 84.525 188.792 188.792C43.642-74.813 27.25-32.727 0 0"
transform="translate(401.15 376.729)"
fill="#808b95"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92.303-92.303a5.748 5.748 0 0 0-8.128 0l-37.493 37.493L-37.493 45.621 0 8.127A5.747 5.747 0 0 0 0 0"
transform="translate(355.92 248.384)"
fill="#f6f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.458a2.991 2.991 0 0 0-2.992 2.991v37.381a2.991 2.991 0 0 0 2.992 2.991H0a2.99 2.99 0 0 0 2.991-2.991V2.991A2.99 2.99 0 0 0 0 0"
transform="translate(202.347 259.44)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.319-10.319h7.328A2.99 2.99 0 0 1 0-7.328z"
transform="translate(205.338 269.76)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.458a2.992 2.992 0 0 0-2.992 2.991v47.881a2.992 2.992 0 0 0 2.992 2.991H0a2.992 2.992 0 0 0 2.992-2.991V2.991A2.992 2.992 0 0 0 0 0"
transform="translate(135.964 259.44)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a2.992 2.992 0 0 1-2.991 2.992H-28.45A2.992 2.992 0 0 1-31.441 0v-45.611L0-14.17Z"
transform="translate(271.72 310.312)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a2.99 2.99 0 0 1-2.991 2.991h-19.847l-8.603-8.603v-40L0-14.17Z"
transform="translate(271.72 310.313)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.385 0-15.183-6.798-15.183-15.183 0-8.386 6.798-15.183 15.183-15.183 8.386 0 15.183 6.797 15.183 15.183C15.183-6.798 8.386 0 0 0"
transform="translate(349.718 177.465)"
fill="#e28086"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.118 1.786 8.988 6.234 9.949 11.686A189.533 189.533 0 0 0 0 0"
transform="translate(354.722 147.942)"
fill="#dd636e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.637-43.375-13.183 21.688-13.182-21.688-6.208 25.314"
transform="translate(147.055 385.845)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0Z"
transform="translate(504.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c38.124 35.273 89.123 56.831 145.157 56.831 118.074 0 213.792-95.718 213.792-213.792 0-118.075-95.718-213.792-213.792-213.792S-68.635-275.036-68.635-156.961c0 48.84 16.378 93.856 43.94 129.854"
transform="translate(110.843 412.961)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-218.954-218.954a191.27 191.27 0 0 1 24.421-24.421L71.356 22.514a190.73 190.73 0 0 1-11.659 12.762 191 191 0 0 1-12.762 11.659L24.54 24.54"
transform="translate(329.799 354.22)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.493-37.494a5.747 5.747 0 0 0 0-8.127l-92.303-92.303a5.748 5.748 0 0 0-8.128 0l-37.493 37.493"
transform="translate(318.426 294.005)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 59.185 59.185"
transform="translate(259.397 193.418)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.666 20.666"
transform="translate(367.922 302.254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.666 20.666"
transform="translate(189.08 123.412)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-25.458a2.991 2.991 0 0 0-2.992 2.991v37.381a2.991 2.991 0 0 0 2.992 2.991H0a2.99 2.99 0 0 0 2.991-2.991V2.991A2.99 2.99 0 0 0 0 0Z"
transform="translate(202.347 259.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-25.458a2.992 2.992 0 0 0-2.992 2.991v47.881a2.992 2.992 0 0 0 2.992 2.991H0a2.992 2.992 0 0 0 2.992-2.991V2.991A2.992 2.992 0 0 0 0 0Z"
transform="translate(135.964 259.44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 69.893-69.893"
transform="translate(173.897 338.103)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v14.17a2.992 2.992 0 0 1-2.991 2.992H-28.45a2.992 2.992 0 0 1-2.991-2.992v-45.611"
transform="translate(271.72 296.142)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a14.612 14.612 0 0 1 9.448-3.447h6.329c8.103 0 14.672 6.569 14.672 14.671 0 8.103-6.569 14.672-14.672 14.672H9.448c-8.102 0-14.671 6.568-14.671 14.671S1.346 55.239 9.448 55.239h6.329c3.599 0 6.896-1.296 9.449-3.447"
transform="translate(243.387 345.916)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.385 0-15.183-6.798-15.183-15.183 0-8.386 6.798-15.183 15.183-15.183 8.386 0 15.183 6.797 15.183 15.183C15.183-6.798 8.386 0 0 0Z"
transform="translate(349.718 177.465)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-32.726 27.25-74.813 43.642-120.729 43.642-104.267 0-188.792-84.525-188.792-188.792 0-45.916 16.392-88.002 43.642-120.729"
transform="translate(376.728 401.15)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a190.361 190.361 0 0 1 27.5-1.988c104.267 0 188.792 84.525 188.792 188.792 0 45.915-16.392 88.002-43.642 120.729"
transform="translate(228.5 69.196)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.376-14.469 37.392-25.877 59.218-33.395"
transform="translate(135.272 110.85)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category