Add icons to this collection by clicking the heart icon.
Navigation icon - also known as smartphone, navigation, mobile phone, electronics, app, placeholder, navigator, mobile app, maps and location, and mobile map. Created in a clean flat 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="c"
x1="256"
x2="256"
y1="442.535"
y2="69.466"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient id="a">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="d"
x1="256"
x2="256"
y1="375.114"
y2="99.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="50.68"
x2="461.313"
y1="237.257"
y2="237.257"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="f"
x1="438.786"
x2="461.313"
y1="167.851"
y2="167.851"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="372.999"
x2="415.906"
y1="167.826"
y2="167.826"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="322.588"
x2="350.12"
y1="176.587"
y2="176.587"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="305.067"
x2="332.6"
y1="236.464"
y2="236.464"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="249.123"
x2="287.107"
y1="245.224"
y2="245.224"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="203.63"
x2="231.162"
y1="245.224"
y2="245.224"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="200.626"
x2="200.626"
y1="423.859"
y2="393.79"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="256"
x2="256"
y1="423.859"
y2="393.79"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="311.375"
x2="311.375"
y1="423.859"
y2="393.79"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="188.075"
x2="188.075"
y1="265.825"
y2="224.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M491.276 119.87v272.26c0 27.84-22.564 50.404-50.404 50.404H71.091c-27.803 0-50.367-22.564-50.367-50.404V119.87c0-27.84 22.564-50.404 50.367-50.404h369.782c27.84-.001 50.403 22.564 50.403 50.404z"
/>
<path
fill="url(#d)"
d="M461.341 328.904V132.759c0-18.423-14.935-33.358-33.358-33.358H84.018c-18.423 0-33.358 14.935-33.358 33.358v196.145c0 25.521 20.689 46.21 46.21 46.21h318.261c25.521 0 46.21-20.689 46.21-46.21z"
/>
<path
fill="url(#e)"
d="M461.313 139.717v55.065H353.887v180.312h-55.065V272.023h-85.651v103.071h-55.065V272.023H50.68v-55.065h107.427V99.42h55.065v117.538h85.651v-49.709c0-15.217 12.364-27.532 27.532-27.532z"
/>
<path
fill="url(#f)"
d="M461.313 162.845v10.012h-17.521a5.02 5.02 0 0 1-5.006-5.006 4.988 4.988 0 0 1 5.006-5.006z"
/>
<path
fill="url(#g)"
d="M410.9 172.832h-32.895c-2.767 0-5.006-2.241-5.006-5.006s2.239-5.006 5.006-5.006H410.9c2.767 0 5.006 2.241 5.006 5.006s-2.239 5.006-5.006 5.006z"
/>
<path
fill="url(#h)"
d="M327.594 190.353a5.004 5.004 0 0 1-5.006-5.006v-17.521a5.005 5.005 0 0 1 5.006-5.006h17.521c2.767 0 5.006 2.241 5.006 5.006s-2.239 5.006-5.006 5.006H332.6v12.515a5.005 5.005 0 0 1-5.006 5.006z"
/>
<path
fill="url(#i)"
d="M327.594 250.23h-17.521c-2.767 0-5.006-2.241-5.006-5.006s2.239-5.006 5.006-5.006h12.515v-12.515c0-2.764 2.239-5.006 5.006-5.006s5.006 2.241 5.006 5.006v17.521a5.004 5.004 0 0 1-5.006 5.006z"
/>
<path
fill="url(#j)"
d="M282.101 250.23h-27.972c-2.767 0-5.006-2.241-5.006-5.006s2.239-5.006 5.006-5.006h27.972c2.767 0 5.006 2.241 5.006 5.006s-2.239 5.006-5.006 5.006z"
/>
<path
fill="url(#k)"
d="M226.156 250.23h-17.521c-2.767 0-5.006-2.241-5.006-5.006s2.239-5.006 5.006-5.006h17.521c2.767 0 5.006 2.241 5.006 5.006s-2.239 5.006-5.006 5.006z"
/>
<path
fill="url(#l)"
d="M215.63 408.794c0 8.315-6.689 15.065-15.004 15.065-8.255 0-15.004-6.75-15.004-15.065 0-8.256 6.749-15.004 15.004-15.004 8.315 0 15.004 6.748 15.004 15.004z"
/>
<path
fill="url(#m)"
d="M271.005 408.794c0 8.315-6.689 15.065-15.004 15.065-8.255 0-15.004-6.75-15.004-15.065 0-8.256 6.749-15.004 15.004-15.004 8.315 0 15.004 6.748 15.004 15.004z"
/>
<path
fill="url(#n)"
d="M326.379 408.794c0 8.315-6.689 15.065-15.004 15.065-8.255 0-15.004-6.75-15.004-15.065 0-8.256 6.749-15.004 15.004-15.004 8.316 0 15.004 6.748 15.004 15.004z"
/>
<path
fill="url(#o)"
d="M208.634 245.182c0 11.394-9.165 20.642-20.56 20.642-11.312 0-20.56-9.249-20.56-20.642 0-11.313 9.248-20.56 20.56-20.56 11.395.001 20.56 9.247 20.56 20.56z"
/>
</svg>
More icons in the same style and category