Add icons to this collection by clicking the heart icon.
Orientation icon - also known as direction, compass, travel, orientation, career, briefcase, and maps and location. Created in a clean blue style with a white and silver 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 60 60"
>
<linearGradient id="a" x1="14.663%" x2="85.338%" y1="14.663%" y2="85.338%">
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<g fill="none">
<g transform="translate(1 1)">
<path
fill="#e8edfc"
d="M58 42c.002 8.577-6.76 15.63-15.329 15.99S26.773 51.89 26.056 43.341C25.339 34.794 31.49 27.202 40 26.13a14.713 14.713 0 0 1 2-.13 16 16 0 0 1 16 16z"
/>
<path
fill="#cad9fc"
d="M42 26c-.5 0-.985.03-1.47.077 8.211.787 14.477 7.689 14.47 15.937-.008 8.249-6.288 15.139-14.5 15.91.494.046.994.076 1.5.076 8.837 0 16-7.163 16-16s-7.163-16-16-16z"
/>
<circle cx="42" cy="42" r="12" fill="url(#a)" />
<path
fill="#cad9fc"
d="M42 30c-.502.002-1.003.035-1.5.1a11.989 11.989 0 0 1 0 23.792A12 12 0 1 0 42 30z"
/>
<path
fill="#a4c2f7"
d="M44.2 44.2a.657.657 0 0 1-.17.12l-7.27 3.61a.5.5 0 0 1-.69-.69l3.61-7.27.32.03z"
/>
<path
fill="#e8edfc"
d="m47.93 36.76-3.61 7.27a.657.657 0 0 1-.12.17L40 40l-.32-.03a.677.677 0 0 1 .29-.29l7.27-3.61a.5.5 0 0 1 .69.69zM8 38v4H4a2.006 2.006 0 0 1-2-2v-4h4a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#cad9fc"
d="M6 36H3a2.006 2.006 0 0 1 2 2v4h3v-4a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#a4c2f7"
d="M40 23v3.13C32.002 27.138 26.002 33.938 26 42H8v-4a2.006 2.006 0 0 0-2-2H2V23h13v1a2.006 2.006 0 0 0 2 2h8a2.006 2.006 0 0 0 2-2v-1z"
/>
<path
fill="#7facfa"
d="M37 23v3.13C29.002 27.138 23.002 33.938 23 42h3c.002-8.062 6.002-14.862 14-15.87V23z"
/>
<path
fill="#e8edfc"
d="M42 14v7a2.006 2.006 0 0 1-2 2H27v-1a2.006 2.006 0 0 0-2-2h-8a2.006 2.006 0 0 0-2 2v1H2a2.006 2.006 0 0 1-2-2v-7h5a2.006 2.006 0 0 0 2-2V8h28v4a2.006 2.006 0 0 0 2 2z"
/>
<path
fill="#cad9fc"
d="M39 14v7a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-7z"
/>
<path
fill="#e8edfc"
d="M42 12v2h-5a2.006 2.006 0 0 1-2-2V8h3a4 4 0 0 1 4 4z"
/>
<path
fill="#cad9fc"
d="M38 8h-3a4 4 0 0 1 4 4v2h3v-2a4 4 0 0 0-4-4z"
/>
<path
fill="#e8edfc"
d="M7 8v4a2.006 2.006 0 0 1-2 2H0v-2a4 4 0 0 1 4-4z"
/>
<path
fill="#cad9fc"
d="M4 8v4a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2V8z"
/>
<rect width="12" height="6" x="15" y="20" fill="#e8edfc" rx="2" />
<path
fill="#e8edfc"
d="M28 2a2.006 2.006 0 0 1-2 2H16a2 2 0 1 1 0-4h10a2.006 2.006 0 0 1 2 2z"
/>
<path fill="#cad9fc" d="M26 0h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
</g>
<g fill="#fff">
<path
d="M19 42h8v2h-8zM6 41V24a2.006 2.006 0 0 1-2-2v-9a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v9a2.006 2.006 0 0 0 2 2v17a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2zM20 1h-3c-.53-.003-1.04.21-1.41.59A2 2 0 0 0 17 5h3a2 2 0 1 1 0-4z"
/>
</g>
<g fill="#428dff">
<path d="M23.02 44a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M43 26c-.338 0-.667.031-1 .051v-1.235A3 3 0 0 0 44 22v-9a5.006 5.006 0 0 0-5-5h-3V5a3 3 0 0 0-3-3h-3.184A3 3 0 0 0 27 0H17a3 3 0 0 0-2.816 2H12a3 3 0 0 0-3 3v3H5a5.006 5.006 0 0 0-5 5v9a3 3 0 0 0 2 2.816V41a3 3 0 0 0 3 3h14a1 1 0 0 0 0-2h-9v-3a3 3 0 0 0-3-3H4V25h11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3h11v1.281c-8.905 1.644-14.94 10.005-13.695 18.975s9.33 15.37 18.346 14.526c9.016-.844 15.771-8.635 15.33-17.68C59.537 33.055 52.055 25.961 43 26zm-1-13v1h-4a1 1 0 0 1-1-1v-3h2a3 3 0 0 1 3 3zM17 2h10a1 1 0 0 1 0 2H17a1 1 0 0 1 0-2zm-6 3a1 1 0 0 1 1-1h2.184A3 3 0 0 0 17 6h10a3 3 0 0 0 2.816-2H33a1 1 0 0 1 1 1v3H11zm-6 5h2v3a1 1 0 0 1-1 1H2v-1a3 3 0 0 1 3-3zm2 28a1 1 0 0 1 1 1v3H5a1 1 0 0 1-1-1v-3zm20-13a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm2-2a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3H3a1 1 0 0 1-1-1v-6h4a3 3 0 0 0 3-3v-3h26v3a3 3 0 0 0 3 3h4v6a1 1 0 0 1-1 1zm14 35c-8.284 0-15-6.716-15-15s6.716-15 15-15 15 6.716 15 15c-.01 8.28-6.72 14.99-15 15z"
/>
<path
d="M43 30c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13c-.008-7.176-5.824-12.992-13-13zm1 23.949V53a1 1 0 0 0-2 0v.949A11.01 11.01 0 0 1 32.051 44H33a1 1 0 0 0 0-2h-.949A11.01 11.01 0 0 1 42 32.051V33a1 1 0 0 0 2 0v-.949A11.01 11.01 0 0 1 53.949 42H53a1 1 0 0 0 0 2h.949A11.01 11.01 0 0 1 44 53.949z"
/>
<path
d="m47.8 36.17-7.271 3.615a1.659 1.659 0 0 0-.372.268c-.018.016-.042.022-.059.04a.511.511 0 0 0-.041.062c-.106.11-.196.234-.267.369l-3.614 7.269c-.308.585-.2 1.302.266 1.77.278.28.656.437 1.05.437a1.6 1.6 0 0 0 .713-.171l7.271-3.615c.135-.072.26-.162.371-.268.019-.016.043-.022.06-.04s.024-.041.04-.059c.107-.11.197-.237.268-.373l3.615-7.27a1.506 1.506 0 0 0-2.03-2.034zm-6.742 6.3 2.48 2.48L38.6 47.4zm3.894 1.066-2.48-2.48L47.4 38.6z"
/>
</g>
</g>
</svg>
More icons in the same style and category