Add icons to this collection by clicking the heart icon.
Distance icon - also known as pin, travel, itinerary, distance, placeholder, route, far, and maps and location. Created in a clean outline color style with a silver, gray, and orange finish, 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 128 128"
>
<linearGradient
id="a"
x1="21.32"
x2="21.32"
y1="61.97"
y2="50.26"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient
id="d"
x1="106.68"
x2="106.68"
y1="127"
y2="115.29"
href="#a"
/>
<linearGradient
id="b"
x1="21.32"
x2="21.32"
y1="53.84"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="c"
x1="21.32"
x2="21.32"
y1="29.45"
y2="13.19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="e"
x1="106.68"
x2="106.68"
y1="118.87"
y2="66.03"
href="#b"
/>
<linearGradient
id="f"
x1="106.68"
x2="106.68"
y1="94.48"
y2="78.23"
href="#c"
/>
<g>
<path
fill="url(#a)"
d="M25.33 50.26c10.1 2.61 7 11.71-4 11.71s-14.11-9.1-4-11.71"
/>
<path
fill="url(#d)"
d="M110.68 115.29c10.11 2.62 7 11.71-4 11.71s-14.11-9.09-4-11.71"
/>
<path
fill="#f6b756"
d="M21.32 62c-6.48 0-12.07-4-9.59-8.12 3.15 5.44 16 5.44 19.18 0C33.39 58 27.85 62 21.32 62zM116.84 120.9c0 3.38-4.55 6.1-10.16 6.1s-10.16-2.72-10.16-6.1a3.85 3.85 0 0 1 .57-2c3.14 5.44 16 5.44 19.18 0a3.85 3.85 0 0 1 .57 2z"
/>
<path
fill="url(#b)"
d="M41.65 21.32c0 16.26-20.33 32.52-20.33 32.52S1 37.58 1 21.32a20.33 20.33 0 0 1 40.65 0z"
/>
<circle cx="21.32" cy="21.32" r="8.13" fill="url(#c)" />
<path
fill="url(#e)"
d="M127 86.35c0 16.26-20.32 32.52-20.32 32.52s-20.33-16.26-20.33-32.52a20.33 20.33 0 0 1 40.65 0z"
/>
<path
fill="#5b8dc9"
d="M21.32 53.84c-9.45-7.57-21.86-22.37-20.16-35 1.19 9.7 8.91 19.16 14.45 24.73a8 8 0 0 0 11.43 0c5.54-5.63 13.28-15 14.45-24.78 1.71 12.73-10.91 27.64-20.17 35.05zM106.68 118.87c-9.4-7.52-21.87-22.33-20.17-35 1.17 9.69 8.91 19.13 14.49 24.74a8 8 0 0 0 11.43 0c5.54-5.62 13.26-15 14.45-24.75 1.65 12.57-10.74 27.44-20.2 35.01z"
/>
<circle cx="106.68" cy="86.35" r="8.13" fill="url(#f)" />
<path
fill="#d4d8e1"
d="M29.31 22.82a8.13 8.13 0 0 0-16 0 8.13 8.13 0 1 1 16 0zM114.67 87.85a8.13 8.13 0 0 0-16 0 8.13 8.13 0 1 1 16 0z"
/>
<g fill="#47566a">
<path
d="M30.45 21.32a9.13 9.13 0 1 0-9.13 9.13 9.14 9.14 0 0 0 9.13-9.13zm-16.26 0a7.13 7.13 0 1 1 7.13 7.13 7.14 7.14 0 0 1-7.13-7.13zM115.81 86.35a9.13 9.13 0 1 0-9.13 9.13 9.14 9.14 0 0 0 9.13-9.13zm-16.26 0a7.13 7.13 0 1 1 7.13 7.13 7.13 7.13 0 0 1-7.13-7.13z"
/>
<path
d="M112.58 114.86c6.14-6.1 15.42-17.19 15.42-28.51a21.33 21.33 0 0 0-42.65 0c0 11.32 9.29 22.41 15.43 28.51-2.85 1.12-4.75 3-5.17 5.14H17.5a15.5 15.5 0 0 1 0-31H60a17 17 0 0 0 0-34H32.39c-.4-2.16-2.3-4-5.17-5.17 6.14-6.1 15.43-17.19 15.43-28.51a21.33 21.33 0 0 0-42.65 0c0 11.32 9.28 22.41 15.42 28.51C6.13 53.47 9.81 63 21.32 63c5.65 0 10.19-2.55 11-6H60a15 15 0 0 1 0 30H17.5a17.5 17.5 0 0 0 0 35h78.16c.81 3.44 5.35 6 11 6 11.57 0 15.18-9.5 5.92-13.14zM21.32 2a19.35 19.35 0 0 1 19.33 19.32c0 14-15.94 28.33-19.33 31.22C17.94 49.65 2 35.33 2 21.32A19.35 19.35 0 0 1 21.32 2zm0 59c-9.09 0-13-6.92-4.28-9.58 2 1.9 3.44 3.06 3.66 3.23a1 1 0 0 0 1.25 0c.21-.17 1.64-1.33 3.66-3.23C34.3 54.05 30.42 61 21.32 61zm85.36 6A19.35 19.35 0 0 1 126 86.35c0 14-15.94 28.34-19.32 31.22-3.39-2.88-19.33-17.21-19.33-31.22A19.35 19.35 0 0 1 106.68 67zm0 59c-9.09 0-13-6.91-4.29-9.57 2 1.89 3.45 3 3.66 3.22a1 1 0 0 0 1.25 0c.22-.17 1.65-1.33 3.66-3.22 8.69 2.66 4.81 9.57-4.28 9.57z"
/>
</g>
</g>
</svg>
More icons in the same style and category