Add icons to this collection by clicking the heart icon.
Direction icon - also known as direction, job, choose, signaling, path, signpost, choice, and carreer. 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="a"
x1="104.41"
x2="437.06"
y1="-3.4"
y2="494.36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe53b" />
<stop offset="1" stop-color="#ff2525" />
</linearGradient>
<linearGradient
id="b"
x1="-21.21"
x2="311.44"
y1="80.55"
y2="578.31"
href="#a"
/>
<linearGradient
id="c"
x1="147.49"
x2="480.14"
y1="-32.19"
y2="465.57"
href="#a"
/>
<linearGradient
id="d"
x1="93.14"
x2="425.79"
y1="4.13"
y2="501.89"
href="#a"
/>
<linearGradient
id="e"
x1="24.82"
x2="357.47"
y1="49.79"
y2="547.55"
href="#a"
/>
<linearGradient
id="f"
x1="57.96"
x2="390.61"
y1="27.64"
y2="525.4"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M363.67 253.84a45.89 45.89 0 0 0-36-17.62h-49v-25.59h38.68a45.58 45.58 0 0 0 45.54-45.53V51.53A45.59 45.59 0 0 0 317.34 6h-133a45.24 45.24 0 0 0-36 17.63l-44 56.78a45.53 45.53 0 0 0 0 55.81l44 56.78a45.21 45.21 0 0 0 36 17.63h44.13v25.59h-33.8a45.58 45.58 0 0 0-45.53 45.53v37.76a5 5 0 0 0 10 0v-37.76a35.57 35.57 0 0 1 35.53-35.53h133A35.77 35.77 0 0 1 355.76 260l44 56.78a35.51 35.51 0 0 1 0 43.56l-44 56.78a35.78 35.78 0 0 1-28.08 13.76h-133a35.57 35.57 0 0 1-35.53-35.53v-29a5 5 0 0 0-10 0v29a45.59 45.59 0 0 0 45.53 45.53h33.8v40a25.11 25.11 0 0 0 50.21 0v-40h49a45.87 45.87 0 0 0 36-17.63l44-56.78a45.54 45.54 0 0 0 0-55.82zm-207.43-67-44-56.79a35.53 35.53 0 0 1 0-43.55l44-56.78A35.29 35.29 0 0 1 184.32 16h133a35.57 35.57 0 0 1 35.54 35.53V165.1a35.57 35.57 0 0 1-35.54 35.53h-133a35.31 35.31 0 0 1-28.08-13.75zm82.21 49.34v-25.54h30.21v25.58zm30.21 244.72a15.11 15.11 0 0 1-30.21 0v-40h30.21z"
/>
<path
fill="url(#b)"
d="M154.12 352.41a5 5 0 0 0 5-5v-9a5 5 0 0 0-10 0v9a5 5 0 0 0 5 5z"
/>
<path
fill="url(#c)"
d="M321 109.27V89.08a22.63 22.63 0 0 0-22.6-22.61h-16c-4.42-13.67-17.77-23.2-33.3-23.2s-28.88 9.53-33.29 23.2h-16a22.63 22.63 0 0 0-22.6 22.61v61.68a22.63 22.63 0 0 0 22.6 22.61h98.56A22.63 22.63 0 0 0 321 150.76zm-71.88-56c9.9 0 18.55 5.29 22.52 13.2h-45c3.95-7.91 12.6-13.2 22.5-13.2zM311 150.76a12.62 12.62 0 0 1-12.6 12.61h-98.54a12.62 12.62 0 0 1-12.6-12.61v-36.49h11.15v5.61a15.6 15.6 0 0 0 31.2 0v-5.61h39.06v5.61a15.6 15.6 0 0 0 31.2 0v-5.61H311zm-102.59-30.88v-5.6h11.2v5.6a5.6 5.6 0 0 1-11.2 0zm70.26 0v-5.6h11.2v5.6a5.6 5.6 0 0 1-11.2 0zM311 104.27H187.26V89.08a12.62 12.62 0 0 1 12.6-12.61h98.56A12.62 12.62 0 0 1 311 89.08z"
/>
<path
fill="url(#d)"
d="M321.78 304.75h-14.33A10.49 10.49 0 0 0 297 315.22v46.62a10.49 10.49 0 0 0 10.47 10.47h13.1a21.83 21.83 0 0 0 14.78-37.91 17.91 17.91 0 0 0-13.55-29.65zm-12.8 12h12.8a5.94 5.94 0 1 1 0 11.87H309zm11.57 43.56H309v-19.69h11.57a9.85 9.85 0 0 1 0 19.69z"
/>
<path
fill="url(#e)"
d="M201.21 342.92a6 6 0 0 0-6 6v3.95a19.44 19.44 0 0 0 38.65 3 5.88 5.88 0 0 0 .22-1.63V353a.41.41 0 0 0 0-.11v-42.14a6 6 0 0 0-12 0v42.19a7.44 7.44 0 0 1-14.87-.07v-3.95a6 6 0 0 0-6-6z"
/>
<path
fill="url(#f)"
d="M296.25 338.53c0-18.63-13.69-33.78-30.52-33.78s-30.53 15.15-30.53 33.78 13.7 33.78 30.53 33.78 30.52-15.16 30.52-33.78zm-49.05 0c0-12 8.31-21.78 18.53-21.78s18.52 9.77 18.52 21.78-8.31 21.78-18.52 21.78-18.53-9.77-18.53-21.78z"
/>
</g>
</svg>
More icons in the same style and category