Add icons to this collection by clicking the heart icon.
Directional Sign icon - also known as orientation, signaling, road sign, desert, 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="1022.25"
x2="1162.14"
y1="478.02"
y2="478.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c73c5b" />
<stop offset="1" stop-color="#a32f60" />
</linearGradient>
<linearGradient
id="k"
x1="1007.78"
x2="1277.78"
y1="748.31"
y2="748.31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="b"
x1="1004.79"
x2="1135.97"
y1="709.75"
y2="709.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87ea2" />
<stop offset="1" stop-color="#fcd3a5" />
</linearGradient>
<linearGradient
id="i"
x1="532.43"
x2="599.88"
y1="807.33"
y2="807.33"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="564.89"
x2="704.33"
y1="518.08"
y2="518.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="532.43"
x2="557.92"
y1="786.55"
y2="786.55"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="637.9"
x2="1106.22"
y1="689.15"
y2="689.15"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="795.2"
x2="1063.73"
y1="410.32"
y2="410.32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="902.04"
x2="1023.75"
y1="1100.05"
y2="1100.05"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="1064.54"
x2="1333.98"
y1="543.51"
y2="543.51"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="877.42"
x2="1105.78"
y1="690.2"
y2="690.2"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="587.56"
x2="1119.13"
y1="1100.05"
y2="1100.05"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="1091.63"
x2="1277.61"
y1="750.78"
y2="750.78"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="493.9"
x2="557.92"
y1="770.06"
y2="770.06"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="319.45"
x2="1387.25"
y1="536.45"
y2="536.45"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="448.25"
x2="1258.38"
y1="1590.89"
y2="1590.89"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="459.15"
x2="598.68"
y1="386.85"
y2="386.85"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="715.78"
x2="990.9"
y1="104.8"
y2="104.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="683.15"
x2="1023.5"
y1="1100.06"
y2="1100.06"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="783.24"
x2="941.13"
y1="630.91"
y2="630.91"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="352.79"
x2="1353.9"
y1="536.96"
y2="536.96"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="c"
x1="715.77"
x2="990.89"
y1="1358.4"
y2="1358.4"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="d"
x1="715.77"
x2="990.89"
y1="939.3"
y2="939.3"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd">
<path
fill="url(#c)"
d="M735.75 1530.75c-11.04 0-20-8.97-20-20v-304.71c0-11.04 8.96-20 20-20h235.14c11.03 0 20 8.97 20 20v304.71c0 11.04-8.96 20-20 20H735.75z"
/>
<path
fill="url(#d)"
d="M735.75 1014.06c-11.04 0-20-8.97-20-20V884.41c0-25.52 39.99-28.04 39.99 1.7h195.14c0-29.74 40-27.2 40-1.7v109.65c0 24.02-34.98 27.34-39.62 3.89h-195.9c-1.81 9.18-9.9 16.11-19.62 16.11z"
/>
<path
fill="url(#e)"
d="M970.89 209.47c-8.17 0-15.2-4.91-18.31-11.94H754.07c-8.67 19.64-38.3 13.49-38.3-8.06v-75.92C715.77 51 766.65.12 829.2.12h48.27c62.55 0 113.43 50.89 113.43 113.43v75.92c-.01 11.06-8.97 20-20.01 20z"
/>
<path
fill="url(#f)"
d="M1339.46 904.43H367.2c-26.34 0-47.77-21.44-47.77-47.78V217.27c0-59.65 82.21-51.91 92.2-41.91l65.24 65.24 65.24-65.24c3.75-3.75 8.83-5.86 14.13-5.86h783.2c26.33 0 47.77 21.43 47.77 47.77v388.74c0 11.15-46.52 85.94-55.17 100.93l45.17 26.08c6.19 3.57 10.02 10.17 10.02 17.31v106.29c-.01 26.36-21.44 47.8-47.77 47.8z"
/>
<path
fill="url(#g)"
d="m1353.9 758.05-67.39-38.91 67.37-116.71V217.26c0-7.94-6.5-14.44-14.44-14.44H561.77l-84.91 84.91-84.91-84.91-24.77-.01c-7.94 0-14.43 6.5-14.43 14.44v639.38c0 7.94 6.5 14.45 14.44 14.45h972.26c7.95 0 14.44-6.53 14.44-14.47v-98.57z"
/>
<path
fill="url(#h)"
d="M545.17 819.86c-61.72 0-50.47 12.76-50.47-87.55 0-16.78 25.49-16.78 25.49 0v62.06c16.48 0 37.72-3.85 37.72 12.74 0 7.03-5.71 12.75-12.74 12.75z"
/>
<path
fill="url(#i)"
d="M587.13 847.76c-26.67 0-54.7 5.38-54.7-12.74 0-17.01 22.83-12.75 41.96-12.75 0-27.47-5.49-56.1 12.75-56.1 7.03 0 12.74 5.72 12.74 12.75v56.11c0 7.02-5.71 12.74-12.74 12.74z"
/>
<path
fill="url(#j)"
d="M532.43 871.09V714.58c0-16.78 25.49-16.78 25.49 0v156.51z"
/>
<path
fill="url(#k)"
d="m1106.22 871.09-98.44-155.99 71.04-86.15c4.94-5.97 9.17-3.21 12.57 1.19l186.39 240.95z"
/>
<path
fill="url(#b)"
d="m1004.79 718.73 14.8-17.96h107.52c11.81 0 11.81 17.96 0 17.96z"
/>
<path
fill="url(#l)"
d="m637.89 871.09 226.13-359.71c3.52-5.57 11.67-5.59 15.19-.02l227 359.72H637.88z"
/>
<path
fill="url(#m)"
d="M1007.78 715.1 877.42 509.3c30.3 118.11 64.85 242.51 95.55 361.79h132.82z"
/>
<path
fill="url(#n)"
d="m1277.61 871.09-185.98-240.64c26.98 77.47 59.81 162.68 87.14 240.64z"
/>
<path
fill="url(#o)"
d="m783.24 639.88 11.29-17.95h137.74c11.81 0 11.81 17.95 0 17.95H783.23z"
/>
<path
fill="url(#p)"
d="M1016.48 486.69c-44.29 0-94.59-6.26-173.82-6.26-69.14 0-59.7-107.89 8.55-95.75 7.37-14.07 21.21-23.62 37.13-25.45 18.14-33.8 66.82-33.59 84.95-.04 29.9-14.18 65 5.39 68.64 38.24 13.04 8.14 28.81 31.44 18.44 39.46-34.17 26.44-3.03 49.79-43.89 49.79z"
/>
<path
fill="url(#a)"
d="M1082.81 547.77c-26.44 0-60.56-30.24-60.56-69.39 0-38.68 31.46-70.13 70.14-70.13 77.32 0 78.87 95.63 59.09 103.93-19.85 8.33-14.9 29.73-28.84 24.55-23-8.55-31.29 11.04-39.83 11.04z"
/>
<path
fill="url(#q)"
d="M1285.83 619.87c-44.25 0-94.59-6.25-173.82-6.25-69.25 0-59.58-108.04 8.56-95.75 7.37-14.08 21.2-23.62 37.11-25.45 18.14-33.81 66.83-33.59 84.95-.04 29.85-14.18 65 5.37 68.64 38.23 40.92 25.49 22.97 89.26-25.44 89.26z"
/>
<path
fill="url(#r)"
d="M1238.39 1706.53H468.26c-16.91 0-26.2-19.85-15.35-32.83 221.25-264.46 579.63-264.68 800.8 0 10.84 12.97 1.59 32.83-15.31 32.83z"
/>
<path
fill="url(#s)"
d="M1099.11 1226.03H607.53c-11.04 0-20-8.97-20-20V994.06c0-11.04 8.96-20 20-20h491.58c11.04 0 20 8.97 20 20v211.97c.02 11.03-8.96 20-20 20z"
/>
<path
fill="url(#t)"
d="M1003.76 1120.06H702.89c-26.32 0-26.32-40 0-40h300.87c26.32 0 26.33 40 0 40z"
/>
<path
fill="url(#u)"
d="M922.15 1172.9c-19.78 0-27.59-25.97-10.87-36.79l55.69-36.06c-35.32-22.88-77.11-39.85-61.61-63.74 6.04-9.26 18.4-11.87 27.67-5.91l81.62 52.87c12.13 7.87 12.16 25.69-.02 33.58-14.32 9.28-80.57 56.05-92.47 56.05z"
/>
<path
fill="url(#v)"
d="M528.7 433.41c-32.78 0-5.21-44.29-53.61-53.43-25.71-4.85-18.3-44.31 7.72-39.24 12.57 2.47 31.54 10.14 45.91 24.8 18.64-19.02 63.33-40 69.41-9.04 6.59 33.58-48.31 15.81-49.41 57.41-.29 10.85-9.16 19.5-20.01 19.5z"
/>
<path
fill="url(#w)"
d="M634.39 564.63c-33.27 0-3.85-42.95-53.76-53.45-25.62-5.39-17.8-44.22 7.85-39.22 12.56 2.47 31.54 10.13 45.91 24.8 18.65-19.03 63.3-39.98 69.39-9.04 6.61 33.59-48.34 15.8-49.39 57.41-.28 10.85-9.15 19.5-20 19.5z"
/>
</g>
</svg>
More icons in the same style and category