Add icons to this collection by clicking the heart icon.
Direction icon - also known as direction, orientation, signaling, directional, road sign, signage, and panel. 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 24 24"
>
<linearGradient
id="a"
x1="7.522"
x2="19.395"
y1="4.485"
y2="10.74"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96369f" />
<stop offset="1" stop-color="#01b3ed" />
</linearGradient>
<linearGradient
id="b"
x1="5.808"
x2="17.681"
y1="7.738"
y2="13.993"
href="#a"
/>
<linearGradient
id="c"
x1="3.68"
x2="15.552"
y1="11.778"
y2="18.033"
href="#a"
/>
<path
fill="url(#a)"
d="M5 10h2a1 1 0 0 0 0-2H5a1 1 0 0 1-1-1 1.017 1.017 0 0 1 1-1h9a1 1 0 0 0 1-1V3a3 3 0 0 0-6 0v1H5a3.036 3.036 0 0 0-3 3 3 3 0 0 0 3 3zm6-7a1 1 0 0 1 2 0v1h-2z"
/>
<path
fill="url(#b)"
d="M3.07 17.8a1 1 0 0 0 .6.2H7a1 1 0 0 0 0-2H4l-1.332-1L4 14h10a1 1 0 0 0 1-1v-3h5.33a1 1 0 0 0 .6-.2l2.67-2a1.027 1.027 0 0 0 0-1.6l-2.67-2a1 1 0 0 0-.6-.2H17a1 1 0 0 0 0 2h3l1.335 1L20 8H10a1 1 0 0 0-1 1v3H3.67a1 1 0 0 0-.6.2l-2.67 2a1.011 1.011 0 0 0 0 1.6zM11 10h2v2h-2z"
/>
<path
fill="url(#c)"
d="M19 18a3 3 0 0 0 0-6h-2a1 1 0 0 0 0 2h2a1 1 0 0 1 0 2h-9a1 1 0 0 0-1 1v4a3.036 3.036 0 0 0 3 3 3 3 0 0 0 3-3v-1a1 1 0 0 0-2 0v1a1 1 0 0 1-1 1 1.016 1.016 0 0 1-1-1v-3z"
/>
</svg>
More icons in the same style and category