Add icons to this collection by clicking the heart icon.
Compass icon - also known as compass, travel, journey, camping, camp, outdoor, vacation, adventure, and maps and location. Created in a clean gradient style, 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 502 502"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="251"
x2="251"
y1="81.993"
y2="4.978"
>
<stop offset="0" stop-color="#f4c22c" />
<stop offset="1" stop-color="#f9e198" />
</linearGradient>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="251"
x2="251"
y1="520.948"
y2="73.558"
>
<stop offset="0" stop-color="#5bd9bb" />
<stop offset=".2532" stop-color="#60dabd" />
<stop offset=".5725" stop-color="#70dec4" />
<stop offset=".9261" stop-color="#8ae4cf" />
<stop offset="1" stop-color="#90e6d2" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="251"
x2="251"
y1="419.188"
y2="118.86"
>
<stop offset="0" stop-color="#f9edaf" />
<stop offset="1" stop-color="#fffcdd" />
</linearGradient>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="279.853"
x2="279.853"
y1="312.645"
y2="149.675"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="289.057"
x2="157.322"
y1="315.185"
y2="315.185"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<g>
<circle cx="251" cy="53.835" fill="url(#SVGID_1_)" r="53.835" />
<circle cx="251" cy="286.332" fill="url(#SVGID_2_)" r="215.668" />
<path
d="m162.097 305.295c3.359-9.056-1.173-19.132-10.178-22.626h-.001c-9.197-3.569-19.536 1.082-22.967 10.332l-20.353 54.87c-7.162 19.308-4.45 40.88 7.255 57.706 16.29 23.416 46.176 33.336 73.608 23.157l78.227-29.017c9.153-3.395 13.82-13.567 10.425-22.72-3.395-9.153-13.567-13.82-22.72-10.425z"
fill="#12c7aa"
/>
<path
d="m251 153.477c-73.374 0-132.855 59.481-132.855 132.855 0 9.563 1.019 18.887 2.939 27.878 39.243 42.88 68.338 76.833 102.037 102.038 8.991 1.92 18.315 2.939 27.879 2.939 73.374 0 132.855-59.481 132.855-132.855s-59.481-132.855-132.855-132.855z"
fill="url(#SVGID_3_)"
/>
<path
d="m255.393 366.572-93.297-61.277c3.359-9.056-1.173-19.132-10.178-22.626h-.001c-9.197-3.569-19.536 1.082-22.966 10.332l-7.868 21.21c10.891 50.997 51.04 91.147 102.037 102.038l44.567-16.531c9.153-3.395 13.82-13.567 10.425-22.72-3.394-9.154-13.566-13.821-22.719-10.426z"
fill="#f5c98d"
/>
<g>
<path
d="m324.833 177.076c22.097-8.197 43.62 13.326 35.424 35.424l-35.164 94.799c-4.563 12.301-11.694 23.301-20.76 32.367l-67.124-39.541-39.541-67.125c9.066-9.066 20.066-16.197 32.367-20.76z"
fill="url(#SVGID_4_)"
/>
<path
d="m141.743 360.165c-8.197 22.097 13.326 43.62 35.424 35.424l94.799-35.164c12.301-4.563 23.301-11.694 32.367-20.76l-106.665-106.665c-9.066 9.066-16.197 20.066-20.76 32.367z"
fill="url(#SVGID_5_)"
/>
</g>
<path
d="m272.69 264.642c-4.491-4.491-4.491-11.773 0-16.264l23.686-23.686c4.492-4.491 11.771-4.491 16.264 0 4.491 4.491 4.491 11.772 0 16.264l-23.685 23.686c-4.493 4.49-11.772 4.491-16.265 0z"
fill="#e05d6f"
/>
<path
d="m189.36 347.972c-4.491-4.491-4.491-11.772 0-16.264l23.686-23.686c4.492-4.491 11.771-4.491 16.264 0 4.491 4.491 4.491 11.773 0 16.264l-23.686 23.686c-4.492 4.491-11.771 4.491-16.264 0z"
fill="#cad1d9"
/>
<g>
<ellipse
cx="163.114"
cy="156.562"
fill="#eaadcd"
rx="14.936"
ry="12.003"
/>
<ellipse
cx="338.886"
cy="156.562"
fill="#eaadcd"
rx="14.936"
ry="12.003"
/>
<circle cx="188.721" cy="126.945" fill="#fff" r="29.618" />
<circle cx="313.279" cy="126.945" fill="#fff" r="29.618" />
<g fill="#3b3b44">
<g>
<circle cx="188.721" cy="126.945" r="17.652" />
<circle cx="313.279" cy="126.945" r="17.652" />
</g>
<path
d="m251 157.504c-5.247 0-10.495-1.984-14.775-5.954-2.025-1.878-2.145-5.041-.267-7.066 1.877-2.025 5.042-2.144 7.065-.267 4.697 4.354 11.256 4.354 15.953 0 2.023-1.876 5.188-1.759 7.065.267 1.878 2.025 1.759 5.188-.267 7.066-4.279 3.97-9.527 5.954-14.774 5.954z"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category