Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, orientation, cardinal points, and maps and location. Created in a clean lineal color style with a white, silver, gray, black, and pink 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 0h-15.082c-6.697 0-12.126-5.429-12.126-12.125v-53.201l2.717-3.341H9.342l2.784 3.341v53.201C12.126-5.429 6.696 0 0 0"
transform="translate(263.546 456.762)"
fill="#8479c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.912 4.233 10.83 9.833 11.902-.743.142-1.508.223-2.292.223H-7.541c-6.697 0-12.126-5.428-12.126-12.125v-53.201l2.717-3.34H2.717L0-53.201Z"
transform="translate(256.005 444.637)"
fill="#6e60b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-106.295-86.17-192.465-192.465-192.465S-384.93-106.295-384.93 0s86.17 192.465 192.465 192.465S0 106.295 0 0"
transform="translate(448.47 199.964)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 99.306 75.213 181.036 171.779 191.356a194.413 194.413 0 0 1-20.686 1.109C44.798 192.465-41.372 106.295-41.372 0s86.17-192.465 192.465-192.465c6.99 0 13.889.382 20.686 1.109C75.213-181.036 0-99.306 0 0"
transform="translate(104.912 199.964)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-85.313 0-154.72-69.407-154.72-154.72S-85.313-309.44 0-309.44s154.72 69.407 154.72 154.72S85.313 0 0 0"
transform="translate(256.005 354.684)"
fill="#9790cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 78.299 58.467 143.191 134.034 153.334a155.517 155.517 0 0 1-20.686 1.386C28.035 154.72-41.372 85.313-41.372 0s69.407-154.72 154.72-154.72c7.013 0 13.917.478 20.686 1.387C58.467-143.191 0-78.299 0 0"
transform="translate(142.657 199.964)"
fill="#8479c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-63.159 0-114.543-51.384-114.543-114.543 0-63.16 51.384-114.544 114.543-114.544 63.159 0 114.544 51.384 114.544 114.544C114.544-51.384 63.159 0 0 0"
transform="translate(256.005 314.507)"
fill="#8479c2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 56.098 40.538 102.902 93.857 112.667a114.763 114.763 0 0 1-20.686 1.876C10.012 114.543-41.372 63.16-41.372 0c0-63.159 51.384-114.543 114.543-114.543 7.061 0 13.975.647 20.686 1.876C40.538-102.901 0-56.098 0 0"
transform="translate(182.834 199.964)"
fill="#6e60b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.097l-51.558-90.1c-2.183-3.815 2.071-8.069 5.886-5.886l90.1 51.558v4.179z"
transform="translate(238.888 222.178)"
fill="#00d2fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a24.3 24.3 0 0 0 6.53 7.378L-4.534 18.7h-5.097l-51.558-90.1c-2.183-3.815 2.071-8.069 5.886-5.886l16.471 9.425z"
transform="translate(243.422 203.478)"
fill="#00abf2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.183 3.815-2.071 8.069-5.887 5.886l-90.099-51.558L-51.559-90.1Z"
transform="translate(329.777 267.85)"
fill="#f27182"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 67.888 38.847 9.44 16.498c2.183 3.815-2.071 8.069-5.887 5.886L-18.658 9.672-5.095-3.891A24.303 24.303 0 0 0 0 0"
transform="translate(252.45 212.505)"
fill="#ed5469"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-85.313 0-154.72-69.407-154.72-154.72S-85.313-309.44 0-309.44s154.72 69.407 154.72 154.72S85.313 0 0 0Z"
transform="translate(256 354.684)"
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 0h13.674c8.201 0 14.911 6.71 14.911 14.911v25.876c0 19.957-16.329 36.285-36.286 36.285H-31.63c-19.957 0-36.285-16.328-36.285-36.285V14.911C-67.915 6.71-61.205 0-53.005 0h13.667"
transform="translate(275.665 427.429)"
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 0c6.64 0 13.2-.336 19.667-.993v53.201c0 6.697-5.43 12.125-12.126 12.125H-7.541c-6.697 0-12.126-5.428-12.126-12.125V-.993C-13.2-.336-6.64 0 0 0Z"
transform="translate(256 392.429)"
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 0v13.255"
transform="translate(256 340.429)"
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 0v13.255"
transform="translate(256 46.244)"
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-9.372 9.373"
transform="translate(156.676 299.288)"
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-9.373 9.373"
transform="translate(364.696 91.267)"
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-13.256"
transform="translate(115.535 199.964)"
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-13.255"
transform="translate(409.72 199.964)"
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-9.372-9.373"
transform="translate(156.676 100.64)"
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-9.373-9.373"
transform="translate(364.696 308.66)"
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 0c2.183 3.815-2.071 8.069-5.887 5.886l-90.099-51.558L-51.559-90.1Z"
transform="translate(329.772 267.85)"
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-51.559-90.1c-2.182-3.815 2.072-8.069 5.887-5.886l90.1 51.558z"
transform="translate(233.786 222.178)"
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-13.906-13.906"
transform="translate(262.953 206.917)"
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 0c21.854 31.223 34.686 69.224 34.686 110.228 0 106.295-86.169 192.464-192.465 192.464s-192.465-86.169-192.465-192.464c0-106.296 86.169-192.465 192.465-192.465 52.669 0 100.387 21.163 135.139 55.441"
transform="translate(413.78 89.736)"
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.449 54.883-55.998 97.043-113.208 97.043-63.159 0-114.543-51.383-114.543-114.543 0-63.159 51.384-114.543 114.543-114.543C-55.998-132.043-8.449-89.883 0-35"
transform="translate(369.208 217.464)"
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