Add icons to this collection by clicking the heart icon.
Compass icon - also known as direction, location, compass, travel, orientation, search, explore, cardinal points, and maps and location. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M35.948 56.123c-.282 0-.564-.211-.6-.493l-3.315-16.825c-.07-.317.141-.67.494-.74s.67.14.74.493l2.716 13.756 2.68-13.685a.64.64 0 0 1 .742-.494.64.64 0 0 1 .493.74l-3.35 16.755c-.07.282-.318.493-.6.493z"
/>
<path
fill="#fff"
d="M37.218 39.687a.606.606 0 0 1-.6-.53.588.588 0 0 1 .494-.705l14.92-2.469-14.885-2.892c-.317-.07-.564-.388-.494-.705a.64.64 0 0 1 .741-.494l18.271 3.527c.282.07.494.318.494.6a.606.606 0 0 1-.53.6l-18.305 3.033c-.07.035-.07.035-.106.035z"
/>
<path
fill="#fff"
d="M39.299 33.55c-.282 0-.565-.212-.6-.494l-2.61-13.403-2.716 13.367a.64.64 0 0 1-.74.494.64.64 0 0 1-.494-.74l3.28-16.437c.07-.282.317-.494.6-.494.282 0 .564.212.6.494l3.209 16.437a.632.632 0 0 1-.494.74c.035.036 0 .036-.035.036z"
/>
<path
fill="#fff"
d="M34.678 39.651h-.105l-18.2-3.103a.639.639 0 0 1-.53-.6c0-.282.212-.564.494-.6l18.306-3.386c.353-.07.67.177.705.494a.588.588 0 0 1-.493.706l-14.85 2.75 14.78 2.505c.352.07.563.388.493.705-.07.318-.318.53-.6.53z"
/>
<path
fill="#fff"
d="M36.019 39.898a4.094 4.094 0 0 1-4.092-4.091 4.094 4.094 0 0 1 4.092-4.092 4.094 4.094 0 0 1 4.091 4.092 4.094 4.094 0 0 1-4.091 4.091zm0-6.948a2.845 2.845 0 0 0-2.857 2.857 2.845 2.845 0 0 0 2.857 2.857 2.845 2.845 0 0 0 2.857-2.857 2.868 2.868 0 0 0-2.857-2.857zM23.356 48.575a.65.65 0 0 1-.423-.176.593.593 0 0 1-.07-.776l5.572-8.077a.581.581 0 0 1 .847-.142.581.581 0 0 1 .14.847l-3.597 5.185 5.114-3.633a.581.581 0 0 1 .847.141.581.581 0 0 1-.141.847l-7.936 5.643a.505.505 0 0 1-.353.141zM29.705 31.892a.674.674 0 0 1-.494-.247l-5.643-7.936c-.177-.247-.141-.565.07-.776s.53-.247.776-.07l8.077 5.572a.581.581 0 0 1 .142.847.581.581 0 0 1-.847.14l-5.22-3.597 3.633 5.115a.581.581 0 0 1-.141.846.68.68 0 0 1-.353.106zM43.108 32.738a.68.68 0 0 1-.353-.105.581.581 0 0 1-.14-.847l3.597-5.22-5.185 3.633a.581.581 0 0 1-.846-.141.581.581 0 0 1 .14-.847l7.972-5.643c.247-.177.565-.141.776.07s.247.53.07.776l-5.537 8.077a.674.674 0 0 1-.494.247zM47.94 49.28a.68.68 0 0 1-.352-.105l-8.078-5.573a.581.581 0 0 1-.14-.847.581.581 0 0 1 .846-.14l5.22 3.597-3.633-5.185a.581.581 0 0 1 .141-.846.581.581 0 0 1 .847.14l5.643 7.972a.593.593 0 0 1-.07.776.503.503 0 0 1-.424.212z"
/>
<path
fill="#fff"
d="M35.983 57.675c-11.957 0-21.692-9.735-21.692-21.692s9.735-21.692 21.692-21.692c11.958 0 21.693 9.735 21.693 21.692S47.94 57.675 35.983 57.675zm0-42.15c-11.287 0-20.457 9.171-20.457 20.458 0 11.287 9.17 20.458 20.457 20.458s20.458-9.17 20.458-20.458c0-11.287-9.17-20.457-20.458-20.457z"
/>
</g>
</svg>
More icons in the same style and category