Add icons to this collection by clicking the heart icon.
Direction icon - also known as direction, orientation, street, signaling, directional, ui, signpost, street sign, architecture and city, and guidepost. Created in a clean blue 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"
>
<path
fill="#fff"
d="M416 46c13.81 0 25 11.19 25 25s-11.19 25-25 25c-13.811 0-25-11.19-25-25s11.189-25 25-25z"
/>
<circle cx="116" cy="351" r="35" fill="#fff" />
<path
fill="#fff"
d="M256 26c22.09 0 40 17.91 40 40 0 14.8-8.04 27.73-20 34.64v.01a40.038 40.038 0 0 1-40 0v-.01C224.04 93.73 216 80.8 216 66c0-22.09 17.91-40 40-40zM366 475.17V486H146v-10.83c0-21.63 17.54-39.17 39.17-39.17h141.66c21.64 0 39.17 17.54 39.17 39.17z"
/>
<path
fill="#fff"
d="M276 436h-40V100.65a40.038 40.038 0 0 0 40 0zM276 291h35v35h-35zM276 151h35v35h-35zM201 196h35v35h-35z"
/>
<path
fill="#9bc9ff"
d="m486 306-45 40H311v-75h130zM486 166l-45 40H311v-75h130zM201 251H71l-45-40 45-35h130z"
/>
<circle cx="418.5" cy="398.5" r="7.5" fill="#1e81ce" />
<circle cx="338.5" cy="73.5" r="7.5" fill="#1e81ce" />
<circle cx="173.5" cy="303.5" r="7.5" fill="#1e81ce" />
<circle cx="168.5" cy="108.5" r="7.5" fill="#1e81ce" />
<circle cx="73.5" cy="433.5" r="7.5" fill="#1e81ce" />
<circle cx="58.5" cy="68.5" r="7.5" fill="#1e81ce" />
<path
fill="#1e81ce"
d="M366 491H146a5 5 0 0 1-5-5v-10.83c0-24.355 19.814-44.17 44.17-44.17H236a5 5 0 1 1 0 10h-50.83c-18.842 0-34.17 15.328-34.17 34.17V481h210v-5.83c0-18.842-15.329-34.17-34.17-34.17H276c-2.762 0-5-2.238-5-5s2.238-5 5-5h50.83c24.355 0 44.17 19.814 44.17 44.17V486a5 5 0 0 1-5 5zM441 211H311a5 5 0 0 1-5-5v-20a5 5 0 1 1 10 0v15h123.099l39.087-34.744L439.284 136H316v15a5 5 0 0 1-10 0v-20a5 5 0 0 1 5-5h130c1.111 0 2.191.371 3.069 1.053l45 35a5 5 0 0 1 .252 7.684l-45 40A4.994 4.994 0 0 1 441 211zM276 156a5 5 0 0 1-5-5v-50.35a5 5 0 1 1 10 0V151a5 5 0 0 1-5 5zM276 296a5 5 0 0 1-5-5V186a5 5 0 1 1 10 0v105a5 5 0 0 1-5 5z"
/>
<path
fill="#1e81ce"
d="M276 441h-40a5 5 0 0 1-5-5V231a5 5 0 1 1 10 0v200h30V326a5 5 0 1 1 10 0v110a5 5 0 0 1-5 5zM236 201a5 5 0 0 1-5-5v-95.35a5 5 0 1 1 10 0V196a5 5 0 0 1-5 5z"
/>
<path
fill="#1e81ce"
d="M256 111a45.067 45.067 0 0 1-22.5-6.02 5.065 5.065 0 0 1-.264-.164C219.512 96.763 211 81.918 211 66c0-24.813 20.187-45 45-45s45 20.187 45 45c0 15.918-8.514 30.764-22.238 38.817a4.637 4.637 0 0 1-.263.163A45.063 45.063 0 0 1 256 111zm-17.269-14.547a35.066 35.066 0 0 0 34.538-.001c.075-.049.151-.096.229-.141C284.294 90.074 291 78.459 291 66c0-19.299-15.701-35-35-35s-35 15.701-35 35c0 12.459 6.706 24.074 17.501 30.311.078.045.155.092.23.142zM311 191h-35a5 5 0 0 1-5-5v-35a5 5 0 0 1 5-5h35a5 5 0 0 1 5 5v35a5 5 0 0 1-5 5zm-30-10h25v-25h-25zM441 351H311a5 5 0 0 1-5-5v-20a5 5 0 1 1 10 0v15h123.099l39.087-34.743L439.284 276H316v15a5 5 0 1 1-10 0v-20a5 5 0 0 1 5-5h130c1.111 0 2.191.37 3.069 1.054l45 35a4.998 4.998 0 0 1 .252 7.683l-45 40A4.994 4.994 0 0 1 441 351z"
/>
<path
fill="#1e81ce"
d="M311 331h-35a5 5 0 0 1-5-5v-35a5 5 0 0 1 5-5h35a5 5 0 0 1 5 5v35a5 5 0 0 1-5 5zm-30-10h25v-25h-25zM201 256H71a4.997 4.997 0 0 1-3.322-1.263l-45-40a5 5 0 0 1 .252-7.684l45-35A5.005 5.005 0 0 1 71 171h130a5 5 0 0 1 5 5v20a5 5 0 0 1-10 0v-15H72.715l-38.9 30.256L72.9 246H196v-15a5 5 0 1 1 10 0v20a5 5 0 0 1-5 5z"
/>
<path
fill="#1e81ce"
d="M236 236h-35a5 5 0 0 1-5-5v-35a5 5 0 0 1 5-5h35a5 5 0 0 1 5 5v35a5 5 0 0 1-5 5zm-30-10h25v-25h-25zM416 101c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm0-50c-11.028 0-20 8.972-20 20s8.972 20 20 20c11.027 0 20-8.972 20-20s-8.973-20-20-20zM116 391c-22.057 0-40-17.944-40-40s17.943-40 40-40c22.056 0 40 17.944 40 40s-17.944 40-40 40zm0-70c-16.542 0-30 13.458-30 30s13.458 30 30 30 30-13.458 30-30-13.458-30-30-30z"
/>
</svg>
More icons in the same style and category