Add icons to this collection by clicking the heart icon.
Map icon - also known as navigation, direction, paper, map, location, orientation, and maps and location. 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 64 64"
>
<linearGradient
id="a"
x1="47"
x2="47"
y1="69.583"
y2="7.914"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="54" x2="54" y1="69.583" y2="7.914" href="#a" />
<linearGradient id="c" x1="38" x2="38" y1="69.583" y2="7.914" href="#a" />
<linearGradient id="d" x1="46" x2="46" y1="69.583" y2="7.914" href="#a" />
<linearGradient
id="e"
x1="46.5"
x2="46.5"
y1="69.583"
y2="7.914"
href="#a"
/>
<linearGradient id="f" x1="10" x2="10" y1="69.583" y2="7.914" href="#a" />
<linearGradient
id="g"
x1="24.5"
x2="24.5"
y1="69.583"
y2="7.914"
href="#a"
/>
<g>
<path fill="url(#a)" d="M45 44h4v2h-4z" />
<circle cx="54" cy="38" r="1" fill="url(#b)" />
<path
fill="url(#b)"
d="M56 22a2 2 0 0 0-4 0c0 .663.933 2.475 2 4.179 1.067-1.705 2-3.517 2-4.179z"
/>
<path fill="url(#a)" d="M45 14h4v2h-4z" />
<circle cx="38" cy="23" r="1" fill="url(#c)" />
<circle cx="38" cy="38" r="1" fill="url(#c)" />
<path fill="url(#d)" d="M44.618 31h2.764L46 28.236z" />
<path
fill="url(#e)"
d="M33 13.54v45.59l13.45-8.96a.977.977 0 0 1 1.13.02L60 59.06V13.51l-13.02-9.3zM38 20a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm0 10a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zm1 2v1a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0zm-1 3a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm3.85 15.53A1 1 0 0 1 41 51h-2v2a1 1 0 0 1-2 0v-2h-2a1 1 0 0 1-.89-1.45l3-6a1.039 1.039 0 0 1 1.78 0l3 6a1.007 1.007 0 0 1-.04.98zM42 38a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2h-1a1 1 0 0 1-1-1zm4.9-12.447 3 6A1 1 0 0 1 49 33h-2v2a1 1 0 0 1-2 0v-2h-2a1 1 0 0 1-.9-1.447l3-6a1.042 1.042 0 0 1 1.8 0zM46 23a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2h-1a1 1 0 0 1-1-1zm3 15a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1zm-5-14h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zm7 23a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm4 5a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0zm0-4a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0zm0-4a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0zm-1-3a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm4-19c0 1.874-2.646 5.8-3.177 6.568a1 1 0 0 1-1.646 0C52.646 27.8 50 23.874 50 22a4 4 0 0 1 8 0zM47.62 8.22l5 4a.983.983 0 0 1 .32 1.11A1 1 0 0 1 52 14h-1v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-3h-1a1 1 0 0 1-.94-.67.983.983 0 0 1 .32-1.11l5-4a.992.992 0 0 1 1.24 0z"
/>
<path fill="url(#c)" d="M36.62 49h2.76L38 46.24z" />
<path fill="url(#a)" d="M49.15 12 47 10.28 44.85 12z" />
<path
fill="url(#f)"
d="M16 50.49V4.94L4 13.51v45.55zm-2.445-1.658-6 4a1 1 0 1 1-1.11-1.664l6-4a1 1 0 1 1 1.11 1.664zm0-4-6 4a1 1 0 1 1-1.11-1.664l6-4a1 1 0 1 1 1.11 1.664zm-7.18-25.613 5-4a1 1 0 1 1 1.25 1.562l-5 4a1 1 0 0 1-1.25-1.562zM6 26a1 1 0 0 1 .36-.768l6-5A1 1 0 0 1 14 21v17a1 1 0 0 1-.445.832l-6 4A1 1 0 0 1 6 42z"
/>
<path fill="url(#g)" d="m27 17.515-5-3.572v11.542l5 3.572z" />
<path
fill="url(#g)"
d="M31 59.13V13.54L18 4.87v45.59zm-2.186-9.549a1 1 0 0 1-1.395.233l-7-5a1 1 0 1 1 1.162-1.628l7 5a1 1 0 0 1 .233 1.395zm0-5a1 1 0 0 1-1.395.233l-7-5a1 1 0 1 1 1.162-1.628l7 5a1 1 0 0 1 .233 1.395zm0-4a1 1 0 0 1-1.395.233l-7-5a1 1 0 1 1 1.162-1.628l7 5a1 1 0 0 1 .233 1.395zm0-4a1 1 0 0 1-1.395.233l-7-5a1 1 0 1 1 1.162-1.628l7 5a1 1 0 0 1 .233 1.395zM20 12a1 1 0 0 1 1.581-.814l7 5A1 1 0 0 1 29 17v14a1 1 0 0 1-1.581.814l-7-5A1 1 0 0 1 20 26z"
/>
<path fill="url(#f)" d="m12 23.135-4 3.333v13.663l4-2.666z" />
</g>
</svg>
More icons in the same style and category