Add icons to this collection by clicking the heart icon.
Direction icon - also known as navigation, pin, direction, map, location, placeholder, route, 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="49"
x2="49"
y1="68.28"
y2="7.841"
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="15" x2="15" y1="68.28" y2="7.841" href="#a" />
<linearGradient
id="c"
x1="19.5"
x2="19.5"
y1="68.28"
y2="7.841"
href="#a"
/>
<linearGradient id="d" x1="32" x2="32" y1="68.28" y2="7.841" href="#a" />
<linearGradient
id="e"
x1="25.284"
x2="25.284"
y1="68.28"
y2="7.841"
href="#a"
/>
<linearGradient
id="f"
x1="37.704"
x2="37.704"
y1="68.28"
y2="7.841"
href="#a"
/>
<linearGradient
id="g"
x1="32.29"
x2="32.29"
y1="68.28"
y2="7.841"
href="#a"
/>
<linearGradient
id="h"
x1="31.254"
x2="31.254"
y1="68.28"
y2="7.841"
href="#a"
/>
<linearGradient
id="i"
x1="43.5"
x2="43.5"
y1="68.28"
y2="7.841"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M49 4a11.013 11.013 0 0 0-11 11c0 2.816 3.854 12.21 11 24.073C56.146 27.212 60 17.818 60 15A11.013 11.013 0 0 0 49 4zm0 17a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6z"
/>
<path
fill="url(#b)"
d="M15 25A11.013 11.013 0 0 0 4 36c0 2.816 3.854 12.21 11 24.073C22.146 48.212 26 38.818 26 36a11.013 11.013 0 0 0-11-11zm0 17a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6z"
/>
<path fill="url(#c)" d="M20 60h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#d)"
d="M32 45.778a1 1 0 0 0-1 1v2.114a1 1 0 0 0 2 0v-2.114a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M26.341 60h-2.113a1 1 0 0 0 0 2h2.113a1 1 0 1 0 0-2z"
/>
<path
fill="url(#f)"
d="M38.761 39h-2.114a1 1 0 1 0 0 2h2.114a1 1 0 0 0 0-2z"
/>
<path
fill="url(#d)"
d="M32 52.119a1 1 0 0 0-1 1v2.114a1 1 0 1 0 2 0v-2.114a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M31.87 39.888A2.98 2.98 0 0 0 31 42v.551a1 1 0 0 0 2 0V42a.992.992 0 0 1 .29-.7 1 1 0 1 0-1.42-1.408z"
/>
<path
fill="url(#h)"
d="M32.173 58.482a1.007 1.007 0 0 0-1.2.748 1 1 0 0 1-.693.73 1 1 0 0 0 .281 1.961.984.984 0 0 0 .28-.041 3 3 0 0 0 2.081-2.2 1 1 0 0 0-.749-1.198z"
/>
<path fill="url(#i)" d="M44 39h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category