Add icons to this collection by clicking the heart icon.
Directional Arrows icon - also known as arrows, direction, transportation, signaling, turn, road sign, Two way, traffic sign, regulation, and directional arrows. Created in a clean outline color style with a white, silver, gray, black, and orange finish, 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 53 53"
>
<path fill="#e4e3ff" d="M22.993 12.46h6.924v35.008h-6.924z" />
<path
fill="#fff"
d="m30.573 22.47 1.45-1.45c.136-.136.338-.155.45-.042.113.112.094.314-.042.45l-1.45 1.45c-.136.136-.338.155-.45.043-.113-.113-.094-.315.042-.452z"
opacity=".4"
/>
<path
fill="#f9b938"
d="M42.056 4.815v12.687a2.26 2.26 0 0 1-2.256 2.256H13.2a2.26 2.26 0 0 1-2.256-2.256V4.815A2.26 2.26 0 0 1 13.2 2.559h26.6a2.26 2.26 0 0 1 2.256 2.256z"
/>
<path
fill="#1b1b1b"
d="m12.226 16.876.042-11.487a1.059 1.059 0 0 1 1.06-1.055l26.39.046c.585 0 1.058.476 1.056 1.062l-.042 11.44a1.059 1.059 0 0 1-1.059 1.056H13.284c-.586 0-1.06-.476-1.058-1.062z"
/>
<path
fill="#f9b938"
d="m13.284 16.35-.016-10.37c0-.325.263-.589.589-.589l25.27-.01c.326-.001.59.262.59.587l.015 10.912-.059.058h-25.8a.589.589 0 0 1-.59-.588z"
/>
<path
fill="#e4e3ff"
d="M38.627 15.73a.494.494 0 0 1-.35.145l-2.32-.001a.495.495 0 0 1 0-.99l1.826.002-.001-1.932a.494.494 0 1 1 .989 0v2.427a.494.494 0 0 1-.144.35z"
opacity=".4"
/>
<path
fill="#f9b938"
d="M42.056 23.56v12.687a2.26 2.26 0 0 1-2.256 2.256H13.2a2.26 2.26 0 0 1-2.256-2.256V23.56a2.26 2.26 0 0 1 2.256-2.256h26.6a2.26 2.26 0 0 1 2.256 2.256z"
/>
<path
fill="#1b1b1b"
d="m12.226 35.621.042-11.487a1.059 1.059 0 0 1 1.06-1.055l26.39.046c.585 0 1.058.477 1.056 1.062l-.042 11.44a1.059 1.059 0 0 1-1.059 1.056H13.284c-.586 0-1.06-.476-1.058-1.062z"
/>
<path
fill="#f9b938"
d="m13.284 35.095-.016-10.37c0-.325.263-.588.589-.589l25.27-.01c.326-.001.59.262.59.587l.015 10.912-.059.058h-25.8a.589.589 0 0 1-.59-.588z"
/>
<path
fill="#2d2c2c"
d="M34.835 11.157a.55.55 0 0 1-.228.456l-5.888 4a.516.516 0 0 1-.58.011.534.534 0 0 1-.27-.518l.239-2.218h-9.26a.684.684 0 0 1-.683-.684V10.12c0-.378.306-.684.684-.684h9.259l-.239-2.218a.55.55 0 0 1 .27-.529.516.516 0 0 1 .58.02l5.888 4.012c.145.094.228.26.228.436zM18.165 29.879a.55.55 0 0 0 .228.456l5.888 4.001a.516.516 0 0 0 .58.01.534.534 0 0 0 .27-.518l-.239-2.218h9.26a.684.684 0 0 0 .683-.684v-2.084a.684.684 0 0 0-.684-.684h-9.259l.239-2.218c.02-.218-.083-.415-.27-.529s-.404-.104-.58.02l-5.888 4.012a.513.513 0 0 0-.228.436z"
/>
<path
fill="#e4e3ff"
d="M38.69 34.501a.494.494 0 0 1-.35.145l-2.321-.002a.495.495 0 0 1 0-.988l1.826.001v-1.932a.494.494 0 1 1 .988 0l.001 2.427a.494.494 0 0 1-.145.35z"
opacity=".4"
/>
<path
fill="#a2a2f9"
d="M32.645 50.441h-12.29a.512.512 0 0 1-.436-.78l1.202-1.95a.512.512 0 0 1 .436-.243h9.886c.178 0 .343.092.436.243l1.202 1.95a.512.512 0 0 1-.436.78z"
/>
<path
fill="#5e5eef"
d="M32.274 48.338h-9.88c-.18 0-.35.1-.44.25l-1.14 1.85h-.46c-.4 0-.65-.44-.43-.78l1.2-1.95c.09-.15.25-.24.43-.24h9.89c.18 0 .34.09.44.24z"
/>
<g opacity=".6">
<path
fill="#fff"
d="m27.936 45.727.01-2.539a.433.433 0 0 1 .865.004l-.01 2.538a.433.433 0 0 1-.865-.003zM27.952 41.48v-.193a.433.433 0 0 1 .866.003v.194a.433.433 0 0 1-.866-.003z"
/>
</g>
<g opacity=".6">
<path
fill="#fff"
d="m31.627 49.992-1.956-.007a.333.333 0 0 1 .002-.667l1.956.007a.333.333 0 0 1-.002.667zM28.355 49.98l-.15-.001a.333.333 0 0 1 .003-.667h.15a.333.333 0 0 1-.003.668z"
/>
</g>
</svg>
More icons in the same style and category