Add icons to this collection by clicking the heart icon.
Directional Sign icon - also known as direction, orientation, signaling, road sign, directional sign, and panel. 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 1706.66 1706.66"
>
<linearGradient
id="a"
x1=".003%"
x2="100%"
y1="50%"
y2="50%"
gradientUnits="objectBoundingBox"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="m"
x1="788.56"
x2="908.54"
y1="1053.52"
y2="1053.52"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="762.09"
x2="935.21"
y1="445.05"
y2="445.05"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="760.67"
x2="935.7"
y1="69.1"
y2="69.1"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="292.95"
x2="935.53"
y1="647.87"
y2="647.87"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="760.85"
x2="1413.41"
y1="242.24"
y2="242.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="760.85"
x2="1413.41"
y1="1053.51"
y2="1053.51"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="762.43"
x2="935.53"
y1="850.7"
y2="850.7"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="761.84"
x2="934.53"
y1="1348.51"
y2="1348.51"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="b"
x1="473.16"
x2="1223.46"
y1="1519.44"
y2="1519.44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="h"
x1="720.85"
x2="1466.71"
y1="242.24"
y2="242.24"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="720.85"
x2="1466.71"
y1="1053.52"
y2="1053.52"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="239.98"
x2="975.54"
y1="647.88"
y2="647.88"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd">
<path
fill="url(#b)"
d="M1203.48 1706.61H493.15c-12.9 0-22.53-12.28-19.42-24.8l82.72-334.34a20.003 20.003 0 0 1 19.42-15.2h205.95c11.04 0 20 8.97 20 20v147.16h92.69v-147.16c0-11.04 8.97-20 20-20h205.96c9.2 0 17.2 6.28 19.4 15.2l83.57 339.15c.03 11.04-8.91 20-19.97 20z"
/>
<path
fill="url(#c)"
d="M914.89 138.15H781.91c-11.04 0-19.98-8.94-20-19.98-.03-28.57-5.21-101.26 5.78-112.24 3.75-3.75 8.83-5.86 14.15-5.86h132.7c34.26 0 15.43 62.16 20.07 114.73 1.23 13.94-7.78 23.36-19.72 23.36z"
/>
<path
fill="url(#d)"
d="M915.21 543.78H782.22c-11.04 0-19.98-8.94-20-19.98l-.13-157.47c0-11.05 8.94-20.02 20-20.02h132.7c11.04 0 19.98 8.94 20 19.97l.42 157.5c0 11.06-8.94 20-20 20z"
/>
<path
fill="url(#e)"
d="M915.53 949.44H782.55c-11.04 0-19.98-8.96-20-19.98l-.13-157.47c-.01-11.04 8.92-20.02 20-20.02h132.7c11.04 0 19.98 8.94 20 19.98l.4 157.49c0 11.03-8.96 20-20 20z"
/>
<path
fill="url(#f)"
d="M914.53 1539.43h-132.7c-11.04 0-20-8.97-20-20v-341.82c0-11.04 8.96-20 20-20h132.7c11.04 0 20 8.97 20 20v341.83c.02 11.04-8.96 19.99-20 19.99z"
/>
<path
fill="url(#g)"
d="M760.83 346.33h514.01l138.57-104.11-138.57-104.07H760.83z"
/>
<path
fill="url(#h)"
d="M1281.52 386.32H740.84c-11.04 0-20-8.96-20-20V118.14c0-11.04 8.96-20 20-20h540.68c4.33 0 8.54 1.4 12.02 4.02l165.2 124.07c10.63 8 10.63 23.97 0 31.96l-165.2 124.1c-3.47 2.6-7.68 4.02-12.02 4.02z"
/>
<path
fill="url(#i)"
d="M760.83 1157.59h514.01l138.57-104.07-138.57-104.08H760.83z"
/>
<path
fill="url(#j)"
d="M1281.52 1197.61H740.84c-11.04 0-20-8.97-20-20V929.43c0-11.04 8.96-20 20-20h540.68c4.33 0 8.54 1.42 12.02 4.02l165.2 124.09c10.63 8 10.63 23.97 0 31.97l-165.2 124.09c-3.47 2.6-7.68 4.01-12.02 4.01z"
/>
<path
fill="url(#k)"
d="M429.49 751.96h506.04V543.78H429.48L292.93 647.86z"
/>
<path
fill="url(#l)"
d="M955.53 791.96H422.75c-4.37 0-8.64-1.44-12.13-4.1L247.83 663.77c-10.48-7.98-10.49-23.81 0-31.8L410.61 507.9c3.49-2.65 7.75-4.1 12.13-4.1l532.81.01c11.04 0 20 8.96 20 20v248.17c0 11.04-8.97 20-20.01 20z"
/>
<path
fill="url(#a)"
d="M848.55 303.01c-79.98 0-80-121.54 0-121.54 79.99 0 79.98 121.54 0 121.54zM848.55 708.65c-79.98 0-80-121.54 0-121.54 79.99 0 79.98 121.54 0 121.54z"
/>
<path
fill="url(#m)"
d="M848.55 1114.3c-79.97 0-80-121.56 0-121.56s79.97 121.56 0 121.56z"
/>
</g>
</svg>
More icons in the same style and category