Add icons to this collection by clicking the heart icon.
Road icon - also known as highway, bridge, road, traffic signal, traffic, transportation, signaling, and motorway. Created in a clean lineal color style with a silver, gray, black, and olive 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M498.35 7.5H173.02v497h325.33z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#798d99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M460 7.5h38.351v497H460ZM212.07 7.5h-39.051v497h39.051z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#586d77"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M194.065 7.5H13.649v497h180.416z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#0ed2b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M161 7.5H46.714v497H161Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M161 7.5h-28.457v497H161Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-497"
transform="translate(161 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v497"
transform="translate(46.714 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-101.833"
transform="translate(13.65 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v271.833"
transform="translate(194.065 232.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v191.166"
transform="translate(194.065 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-361.166"
transform="translate(13.65 368.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-8.041 8.042L-16.083 0"
transform="matrix(1.33333 0 0 -1.33333 149.198 632.056)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8.041 8.042L-16.083 0"
transform="matrix(1.33333 0 0 -1.33333 149.198 146.383)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h180.416"
transform="translate(13.65 74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.416"
transform="translate(13.65 165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.416"
transform="translate(13.65 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.416"
transform="translate(13.65 347)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h180.416"
transform="translate(13.65 438)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M498.351 323.323H460v130.249h38.351z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-27.343h38.351v130.249H0V34.001"
transform="translate(460 350.666)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M498.351 58.428H460v130.249h38.351z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-38.351v130.249H0"
transform="translate(498.35 58.428)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-497"
transform="translate(498.35 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h114"
transform="matrix(1.33333 0 0 -1.33333 302.667 579.64)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h114"
transform="matrix(1.33333 0 0 -1.33333 302.667 103.027)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.042 8.042L0 16.084"
transform="matrix(1.33333 0 0 -1.33333 443.944 169.029)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.042 8.042L0 16.084"
transform="matrix(1.33333 0 0 -1.33333 443.944 530.362)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</svg>
More icons in the same style and category