Add icons to this collection by clicking the heart icon.
Route icon - also known as arrows, direction, signaling, signpost, guide, route, and maps and location. Created in a clean lineal color 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath4037">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path4035" />
</clipPath>
</defs>
<g id="g4023" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g4025" transform="translate(301,7.5)">
<path
d="M 0,0 H -30 L -60,30 V 482 H 0 Z"
id="path4027"
fill="#b3b3b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="m 271,7.5 h -60 v 482 h 60 z"
id="path4029"
fill="#d4d4d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g4031">
<g id="g4033" clip-path="url(#clipPath4037)">
<g id="g4039" transform="translate(301,504.5)">
<path
d="M 0,0 H -30 V -30 H 0 c 8.284,0 15,6.716 15,15 C 15,-6.716 8.284,0 0,0"
id="path4041"
fill="#d4d4d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4043" transform="translate(286,489.5)">
<path
d="m 0,0 c 0,8.284 -6.716,15 -15,15 h -60 c -8.284,0 -15,-6.716 -15,-15 0,-8.284 6.716,-15 15,-15 h 60 c 8.284,0 15,6.716 15,15"
id="path4045"
fill="#ebebeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4047" transform="translate(11.8931,223.8936)">
<path
d="m 0,0 49.394,-49.394 h 254.713 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 v 60 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 H 49.394 L 0,21.213 C -5.858,15.355 -5.858,5.858 0,0"
id="path4049"
fill="#e0fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4051" transform="translate(256,204.5)">
<path
d="M 0,0 H 30 V 60 H 0 L -30,30 Z"
id="path4053"
fill="#10b35f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4055" transform="translate(73.7129,204.5)">
<path
d="M 0,0 H 182.287 V 60 H 0 L -30,30 Z"
id="path4057"
fill="#5cc563"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4059" transform="translate(500.1064,395.1064)">
<path
d="m 0,0 -49.394,49.394 h -254.712 c -8.285,0 -15,-6.716 -15,-15 0,-8.285 6.715,-15 15,-15 v -60 c -8.285,0 -15,-6.716 -15,-15 0,-8.285 6.715,-15 15,-15 H -49.394 L 0,-21.213 C 5.858,-15.355 5.858,-5.858 0,0"
id="path4061"
fill="#e0fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4063" transform="translate(438.2871,414.5)">
<path
d="M 0,0 H -42.426 V -60 H 0 l 30,30 z"
id="path4065"
fill="#4271db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4067" transform="translate(395.8613,414.5)">
<path
d="M 0,0 H -169.861 V -60 H 0 l 30,30 z"
id="path4069"
fill="#3992e3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4071" transform="translate(301,474.5)">
<path
d="M 0,0 V -30"
id="path4073"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4075" transform="translate(211,444.5)">
<path
d="M 0,0 V 30"
id="path4077"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4079" transform="translate(196,489.5)">
<path
d="m 0,0 c 0,-8.284 6.716,-15 15,-15 h 90 c 8.284,0 15,6.716 15,15 0,8.284 -6.716,15 -15,15 H 15 C 6.716,15 0,8.284 0,0 Z"
id="path4081"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4083" transform="translate(211,294.5)">
<path
d="M 0,0 V 30"
id="path4085"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4087" transform="translate(301,174.5)">
<path
d="M 0,0 V -167 H -90 V 0"
id="path4089"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4091" transform="translate(301,324.5)">
<path
d="M 0,0 V -30"
id="path4093"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4095" transform="translate(500.1064,395.1064)">
<path
d="m 0,0 -49.394,49.394 h -254.712 c -8.285,0 -15,-6.716 -15,-15 0,-8.285 6.715,-15 15,-15 v -60 c -8.285,0 -15,-6.716 -15,-15 0,-8.285 6.715,-15 15,-15 H -49.394 L 0,-21.213 C 5.858,-15.355 5.858,-5.858 0,0 Z"
id="path4097"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4099" transform="translate(226,354.5)">
<path
d="m 0,0 v 60 h 212.287 l 30,-30 -30,-30 z"
id="path4101"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4103" transform="translate(11.8931,223.8936)">
<path
d="m 0,0 49.394,-49.394 h 254.713 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 v 60 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 H 49.394 L 0,21.213 C -5.858,15.355 -5.858,5.858 0,0 Z"
id="path4105"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4107" transform="translate(196,204.5)">
<path
d="m 0,0 h -122.287 l -30,30 30,30 H 90 V 0 H 30"
id="path4109"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category