Add icons to this collection by clicking the heart icon.
Compass icon - also known as smartphone, phone, direction, compass, orientation, compasses, cardinal points, app, communications, 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#47b8d2" />
<stop offset="1" stop-color="#97de3d" />
</linearGradient>
<linearGradient
id="b"
x1="77.478"
x2="-22.978"
y1="504.023"
y2="604.477"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="60.331"
x2="56.669"
y1="519.356"
y2="523.02"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="71.238"
x2="-16.738"
y1="510.263"
y2="598.237"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="34.245"
x2="20.255"
y1="505.022"
y2="519.01"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32.588"
x2="21.91"
y1="556.921"
y2="567.599"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="44.93"
x2="9.586"
y1="544.584"
y2="579.929"
gradientTransform="matrix(4 0 0 -4 147 2473)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M389 0H123c-17.1 0-31 13.9-31 31v450c0 17.1 13.9 31 31 31h266c17.1 0 31-13.9 31-31V31c0-17.1-13.9-31-31-31zm17 481c0 9.4-7.6 17-17 17H123c-9.4 0-17-7.6-17-17V31c0-9.4 7.6-17 17-17h266c9.4 0 17 7.6 17 17z"
/>
<path
fill="url(#c)"
d="M381 376.5c-3.9 0-7 3.1-7 7v9.5c0 3.9 3.1 7 7 7s7-3.1 7-7v-9.5c0-3.9-3.1-7-7-7z"
/>
<path
fill="url(#d)"
d="M381 32H131c-3.9 0-7 3.1-7 7v434c0 3.9 3.1 7 7 7h250c3.9 0 7-3.1 7-7v-35c0-3.9-3.1-7-7-7s-7 3.1-7 7v28H138V46h236v292.5c0 3.9 3.1 7 7 7s7-3.1 7-7V39c0-3.9-3.1-7-7-7z"
/>
<path
fill="url(#e)"
d="M232.6 401.9c-12.7 0-23 10.3-23 23s10.3 23 23 23h46.9c12.7 0 23-10.3 23-23s-10.3-23-23-23zm55.8 23c0 5-4 9-9 9h-46.9c-5 0-9-4-9-9s4-9 9-9h46.9c5 0 9 4.1 9 9z"
/>
<path
fill="url(#f)"
d="M294 181.8c-3.6-1.3-7.6.5-9 4.2l-15.4 41.8-25.1-25.1c-2.8-2.7-7.3-2.6-10 .2-.7.7-1.2 1.5-1.5 2.3l-19.2 52c-1.3 3.6.5 7.7 4.1 9 1.6.6 3.3.6 4.8 0l52-19.2c1.9-.8 3.4-2.3 4.2-4.2l19.2-52c1.4-3.6-.4-7.7-4.1-9zm-51.7 38.4 17.4 17.4-27.5 10.1z"
/>
<path
fill="url(#g)"
d="M326.7 294.7c39.1-39.2 39.1-102.9-.4-141.8-38.9-38.6-101.6-38.6-140.5 0-39.6 39-39.6 103.2 0 142.2 39 38.7 102 38.4 140.9-.4zm-9.2-19.1c-2.7-2.7-7.2-2.7-9.9 0s-2.7 7.2 0 9.9l4 4a84.974 84.974 0 0 1-48.6 20.1v-5.7c0-3.9-3.1-7-7-7s-7 3.1-7 7v5.7c-17.9-1.4-34.9-8.5-48.6-20.1l4-4c2.7-2.8 2.6-7.2-.2-9.9-2.7-2.6-7-2.6-9.7 0l-4 4a84.974 84.974 0 0 1-20.1-48.6h5.7c3.9 0 7-3.1 7-7s-3.1-7-7-7h-5.7c1.4-17.9 8.5-34.9 20.1-48.6l4 4c2.7 2.8 7.1 2.9 9.9.2s2.9-7.1.2-9.9l-.2-.2-4-4c13.7-11.7 30.7-18.7 48.6-20.2v5.7c0 3.9 3.1 7 7 7s7-3.1 7-7v-5.7c17.9 1.4 34.9 8.5 48.6 20.2l-4 4c-2.7 2.7-2.7 7.2 0 9.9s7.2 2.7 9.9 0l4-4c11.7 13.7 18.7 30.7 20.1 48.6H336c-3.9 0-7 3.1-7 7s3.1 7 7 7h5.7c-1.4 17.9-8.5 34.9-20.1 48.6z"
/>
</svg>
More icons in the same style and category