Add icons to this collection by clicking the heart icon.
Road Map icon - also known as track, send, delivery, ecommerce, road map, maps and location, and shipping and delivery. 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="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="d"
cx="256.001"
cy="118.76"
r="402.851"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" stop-opacity=".7" />
<stop offset=".044" stop-color="#9f0de1" stop-opacity=".669" />
<stop offset=".13" stop-color="#bc23ea" stop-opacity=".609" />
<stop offset=".226" stop-color="#d335f2" stop-opacity=".542" />
<stop offset=".335" stop-color="#e643f8" stop-opacity=".465" />
<stop offset=".465" stop-color="#f24dfc" stop-opacity=".375" />
<stop offset=".635" stop-color="#fa52fe" stop-opacity=".256" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fc54ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="68.62"
x2="1126.508"
y1="371.8"
y2="-686.088"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="27.644"
x2="665.092"
y1="347.245"
y2="-290.204"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-416.103"
x2="292.26"
y1="788.836"
y2="80.472"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="40.918"
x2="282.351"
y1="331.819"
y2="90.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="72.947"
x2="1316.054"
y1="546.877"
y2="-696.23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="72.797"
x2="765.29"
y1="655.655"
y2="-36.839"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#1805b0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<linearGradient
id="k"
x1="32.54"
x2="768.379"
y1="527.117"
y2="-208.722"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="-47.552"
x2="855.587"
y1="666.181"
y2="-236.957"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="159.877"
x2="847.818"
y1="367.118"
y2="-320.823"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="168.4"
x2="867.26"
y1="507.698"
y2="-191.162"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-290.045"
x2="306.771"
y1="720.523"
y2="123.707"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-288.635"
x2="417.343"
y1="1029.706"
y2="323.728"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="-235.127"
x2="371.178"
y1="797.434"
y2="191.13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-377.745"
x2="325.593"
y1="1007.145"
y2="303.807"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M204.71 176.332a37282.764 37282.764 0 0 0 45.104 61.171c1.411 1.892 3.652 3.123 6.186 3.123s4.775-1.232 6.175-3.123c.05-.03 45.186-61.213 45.113-61.162-34.192-.151-68.385-.154-102.578-.009z"
/>
<path
fill="url(#f)"
d="M256 39.628c-41.277.02-75.505 35.046-76.096 77.307-.194 17.036 5.206 32.71 14.522 45.393-.003 0 4.188 5.715 10.284 14.004 11.952 16.254 31.02 25.856 51.292 25.856 20.268 0 39.334-9.599 51.286-25.848 6.101-8.294 10.297-14.012 10.297-14.012 9.304-12.684 14.704-28.356 14.51-45.393-.59-42.261-34.818-77.287-76.095-77.307z"
/>
<path
fill="url(#g)"
d="M301.658 116.659c.197 25.437-20.279 45.961-45.658 45.969-25.378-.008-45.854-20.533-45.658-45.969.209-25.431 20.685-46.276 45.658-46.281 24.973.003 45.449 20.851 45.658 46.281z"
/>
<path
fill="url(#h)"
d="M271.252 131.894c-25.297-.057-45.709-20.6-45.537-46.056a47.26 47.26 0 0 1 .184-3.763c-9.423 8.5-15.461 20.865-15.556 34.585-.197 25.437 20.279 45.961 45.658 45.969 24.111-.006 43.794-18.546 45.518-42.21-8.016 7.156-18.624 11.498-30.267 11.475z"
/>
<path
fill="url(#i)"
d="M347.522 378.452c-80.924 11.174-161.542 21.306-241.734 29.434 26.556 26.269 59.199 46.297 95.149 56.61 48.054-27.955 97.106-56.968 146.585-86.044z"
/>
<path
fill="url(#j)"
d="M406.212 407.886a7268.261 7268.261 0 0 1-58.69-29.434c-30.656 10.571-61.206 21.049-91.604 31.299-30.381.015-54.789 24.262-54.981 54.745 17.617 5.052 36.045 7.781 55.063 7.78 57.755.037 110.579-25.244 150.212-64.39z"
/>
<path
fill="url(#k)"
d="M225.25 256.001 55.686 256c-8.951.007-16.016 7.436-15.307 16.14.379 4.666.925 9.29 1.625 13.871 34.73 15.707 69.491 31.726 104.161 47.787-22.361 14.602-44.601 29.025-66.65 43.162a235.802 235.802 0 0 0 26.273 30.926 6049.356 6049.356 0 0 0 300.424 0 235.867 235.867 0 0 0 26.273-30.926c-68.062-38.724-137.689-79.979-207.235-120.959z"
/>
<path
fill="url(#l)"
d="M256 286.751c31.589 18.792 63.12 37.535 94.437 55.964 39.768-19.048 79.686-38.089 119.559-56.704.7-4.58 1.245-9.206 1.625-13.871.709-8.704-6.357-16.133-15.307-16.14l-231.063.001c.001 16.985 13.764 30.748 30.749 30.75z"
/>
<path
fill="url(#m)"
d="M256 286.751c-71.332 0-142.664-.247-213.996-.74a202.336 202.336 0 0 0 9.206 36.69 11910.41 11910.41 0 0 1 19.769 8.786c-3.739 4.001-7.47 7.992-11.191 11.97 5.577 11.709 12.202 22.915 19.727 33.503a7628.399 7628.399 0 0 0 268.007 1.492A87848.969 87848.969 0 0 0 256 286.751z"
/>
<path
fill="url(#n)"
d="M469.996 286.011c-71.332.493-142.664.74-213.996.74.082 50.976 41.052 92.348 91.522 91.701a7642.44 7642.44 0 0 0 84.963-1.492c7.525-10.588 14.15-21.794 19.727-33.503l-10.271-11.984c6.281-2.931 12.565-5.855 18.849-8.773 4.171-11.841 7.283-24.099 9.206-36.689z"
/>
<path
fill="url(#o)"
d="M140.915 317.072c-28.309-.211-56.619-.5-84.928-.867-3.474-.044-5.917 3.25-4.775 6.495a212.037 212.037 0 0 0 8.571 20.759c.856 1.797 2.7 2.964 4.69 3.001 25.576.478 51.151.861 76.727 1.148a4.968 4.968 0 0 0 5.049-5.036c-.068-6.79-.129-13.58-.181-20.37-.022-2.813-2.328-5.109-5.153-5.13z"
/>
<path
fill="url(#p)"
d="M456.013 316.205c-28.309.367-56.619.656-84.928.867-2.825.021-5.131 2.317-5.153 5.13-.052 6.79-.113 13.58-.181 20.37a4.968 4.968 0 0 0 5.049 5.036c25.576-.287 51.151-.669 76.727-1.148 1.989-.037 3.834-1.203 4.69-3.001a212.037 212.037 0 0 0 8.571-20.759c1.143-3.245-1.301-6.539-4.775-6.495z"
/>
<path
fill="url(#q)"
d="M181.834 317.323a5.048 5.048 0 0 0-5.088 5.083c.038 6.811.081 13.621.131 20.432.021 2.821 2.323 5.125 5.14 5.146 32.449.234 64.898.315 97.347.241 2.09-5.128 4.183-10.256 6.277-15.384a50887.13 50887.13 0 0 1-24.405-15.34c-26.467.008-52.934-.051-79.402-.178z"
/>
<path
fill="url(#r)"
d="M335.123 342.838c.049-6.811.093-13.622.131-20.432a5.049 5.049 0 0 0-5.088-5.083c-22.977.11-45.953.17-68.93.177a92.3 92.3 0 0 0 18.128 30.724c16.873-.038 33.746-.119 50.618-.241 2.818-.02 5.12-2.324 5.141-5.145z"
/>
</svg>
More icons in the same style and category