Add icons to this collection by clicking the heart icon.
Map icon - also known as map, location, road, travel, guide, travelling, placeholder, route, 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="a"
x1="251"
x2="251"
y1="489.67"
y2="133.818"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="b"
x1="251"
x2="251"
y1="463.653"
y2="76.813"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5cccc" />
<stop offset="1" stop-color="#e6e6e6" />
</linearGradient>
<linearGradient
id="c"
x1="251"
x2="251"
y1="404.29"
y2="129.082"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5bd9bb" />
<stop offset=".253" stop-color="#60dabd" />
<stop offset=".573" stop-color="#70dec4" />
<stop offset=".926" stop-color="#8ae4cf" />
<stop offset="1" stop-color="#90e6d2" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="387.151"
y2="131.563"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#41c4a6" />
<stop offset=".216" stop-color="#46c6a9" />
<stop offset=".488" stop-color="#56cdb2" />
<stop offset=".79" stop-color="#70d7c0" />
<stop offset="1" stop-color="#86e0cd" />
</linearGradient>
<linearGradient
id="e"
x1="235.503"
x2="235.503"
y1="302.693"
y2="239.332"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="f"
x1="251"
x2="251"
y1="289.543"
y2="248.261"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4c22c" />
<stop offset="1" stop-color="#f9e198" />
</linearGradient>
<linearGradient
id="g"
x1="379.357"
x2="379.357"
y1="249.355"
y2="62.951"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="h"
x1="379.373"
x2="379.373"
y1="97.738"
y2="173.23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9edaf" />
<stop offset="1" stop-color="#fffcdd" />
</linearGradient>
<path
fill="url(#a)"
d="M286.756 451.497 183.46 413.901a1.857 1.857 0 0 0-1.275-.001l-89.056 32.413C47.602 462.884 0 428.893 0 381.103V199.426c0-36.465 23.023-69.345 57.289-81.817l93.112-33.89a94.783 94.783 0 0 1 64.842-.001c106.748 38.53 103.079 38.14 104.577 37.597l89.052-32.413C454.398 72.334 502 106.323 502 154.113V335.79c0 36.465-23.023 69.346-57.29 81.818l-93.11 33.889a94.764 94.764 0 0 1-64.844 0z"
/>
<path
fill="url(#b)"
d="M319.178 121.429c-.218 0-.434-.037-.638-.112L215.242 83.719a94.518 94.518 0 0 0-32.42-5.716v335.785c.218 0 .432.038.638.113l103.296 37.596a94.532 94.532 0 0 0 32.423 5.717V121.429z"
/>
<path
fill="#b9bec4"
d="M319.178 206.851c-14.275-24.313-23.493-51.778-23.493-78.379 0-5.116.484-10.115 1.363-14.978l-33.239-12.098a118.495 118.495 0 0 0-3.123 27.076c0 48.867 24.197 99.774 58.493 136.869v-58.49z"
/>
<path
fill="url(#c)"
d="m424.763 132.566-89.055 32.413a48.332 48.332 0 0 1-16.53 2.915c-56.945 17.981-116.611-20.064-136.357-43.426-5.596 0-11.191.972-16.53 2.915l-93.11 33.889a40.603 40.603 0 0 0-26.716 38.155v181.677c0 15.915 15.817 26.99 30.772 21.547l89.055-32.413a48.327 48.327 0 0 1 16.53-2.915c24.948-20.911 112.864 7.704 136.357 43.426 5.596 0 11.191-.972 16.53-2.915l93.11-33.889a40.603 40.603 0 0 0 26.716-38.155V154.113c0-15.915-15.817-26.99-30.772-21.547z"
/>
<path
fill="#12c7aa"
d="M413.888 241.539c-5.415 5.87-11.083 11.287-16.899 16.148-10.162 8.492-24.914 8.602-35.086.122-21.632-18.035-41.222-43.769-53.387-71.934l-26.3 26.3c14.194 28.033 34.357 53.417 57.304 72.54 22.561 18.802 56.252 19.602 79.914-.173 7.11-5.941 13.853-12.4 20.187-19.264 6.37-6.904 6.149-17.611-.493-24.253-7.032-7.031-18.498-6.795-25.24.514z"
/>
<path
fill="url(#d)"
d="m262.233 150.27-62.882-22.887a48.327 48.327 0 0 0-16.53-2.915v242.854c5.596 0 11.191.972 16.53 2.915l103.297 37.597a48.327 48.327 0 0 0 16.53 2.915V265.341c-11.159-28.795-34.342-79.466-56.945-115.071z"
/>
<path
fill="#00b094"
d="M319.178 265.341v-58.49c-7.891-13.439-14.237-27.838-18.331-42.527l-38.614-14.054c5.843 41.847 27.73 83.47 56.945 115.071z"
/>
<path
fill="url(#e)"
d="M319.029 264.866c-29.39 7.122-116.526-20.106-136.207-44.477a65.343 65.343 0 0 0-22.347 3.934l-47.511 17.293c-12.975 4.722-19.665 19.068-14.942 32.042 4.722 12.974 19.068 19.664 32.042 14.942l47.512-17.292a15.327 15.327 0 0 1 5.245-.924c27.042-6.272 118.248 26.792 136.357 44.444 7.57 0 15.142-1.311 22.347-3.934l32.974-12.001c-6.721-10.035-35.288-31.05-55.47-34.027z"
/>
<path
fill="#efc534"
d="M389.037 293.601c12.974-4.722 19.664-19.068 14.941-32.043a24.975 24.975 0 0 0-3.685-6.709c-7.026 0-38.197-2.369-44.468-2.369l-31.402 11.429a15.313 15.313 0 0 1-5.724.902c6.597 7.181 13.567 13.859 20.82 19.904 10.069 8.392 22.357 13.186 34.98 14.177z"
/>
<path
fill="url(#f)"
d="M319.178 314.828v-49.995a15.36 15.36 0 0 1-5.246-.923l-108.764-39.586a65.343 65.343 0 0 0-22.347-3.934v49.995c1.777 0 3.554.308 5.246.924l108.764 39.586a65.394 65.394 0 0 0 22.347 3.933z"
/>
<path
fill="url(#g)"
d="M396.99 257.686c34.54-28.864 63.872-77.338 65.952-123.965 2.144-48.055-35.607-89.015-83.709-88.937-46.155.076-83.547 37.515-83.547 83.687 0 48.281 30.328 99.428 66.241 129.358 10.158 8.466 24.917 8.336 35.063-.143z"
/>
<circle cx="379.373" cy="128.471" r="40.474" fill="url(#h)" />
</svg>
More icons in the same style and category