Add icons to this collection by clicking the heart icon.
Road icon - also known as road, travel, distance, location pin, placeholder, maps and location, and architecture and city. Created in a clean filled style with a white and black 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="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>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h512v384H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 20 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 111.81 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 203.62 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 295.428 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 479.047 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 570.857 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 387.238 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 662.667 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 86.703 586.22)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 199.996 586.22)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 313.29 586.22)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 426.583 586.22)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 539.877 586.22)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 86.703 267.113)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 199.996 267.113)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 426.583 267.113)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 539.877 267.113)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h541.837"
transform="matrix(1.33333 0 0 -1.33333 -19.891 384)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h541.837"
transform="matrix(1.33333 0 0 -1.33333 -19.891 469.333)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-63.774-95.663-156.333-95.663-156.333S-191.325-63.776-191.325 0c0 52.833 42.829 95.663 95.662 95.663C-42.83 95.663 0 52.833 0 0"
transform="matrix(1.33333 0 0 -1.33333 468.883 127.55)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.565 0-65.123-13.071-88.857-36.806-23.734-23.734-36.806-55.291-36.806-88.857 0-19.315 6.125-41.159 18.204-64.925 8.771-17.259 20.831-35.912 35.843-55.441 24.97-32.483 49.715-56.52 50.756-57.527L0-323.739l20.86 20.183c1.042 1.007 25.786 25.044 50.756 57.528 15.012 19.528 27.072 38.182 35.843 55.441 12.079 23.766 18.204 45.609 18.204 64.924 0 33.566-13.072 65.123-36.806 88.857C65.123-13.071 33.565 0 0 0m0-30c52.833 0 95.663-42.83 95.663-95.663C95.663-189.437 0-281.996 0-281.996s-95.663 92.557-95.663 156.333C-95.663-72.83-52.833-30 0-30"
transform="matrix(1.33333 0 0 -1.33333 341.333 -40)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.767-15.213-33.979-33.979-33.979-18.767 0-33.98 15.212-33.98 33.979s15.213 33.979 33.98 33.979C-15.213 33.979 0 18.767 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 386.64 127.167)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-68.425-55.469-123.895-123.894-123.895-68.425 0-123.895 55.47-123.895 123.895s55.47 123.894 123.895 123.894S0 68.425 0 0Z"
transform="matrix(1.33333 0 0 -1.33333 637.188 854.512)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<path
d="M0 0h512v384H0Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v-64"
transform="translate(15 224)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 111.81 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 203.62 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 295.428 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 479.047 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 570.857 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64"
transform="matrix(1.33333 0 0 -1.33333 387.238 384)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0v-64"
transform="translate(497 224)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 86.703 586.22)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 199.996 586.22)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 313.29 586.22)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 426.583 586.22)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 539.877 586.22)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 86.703 267.113)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 199.996 267.113)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 426.583 267.113)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.065"
transform="matrix(1.33333 0 0 -1.33333 539.877 267.113)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h541.837"
transform="translate(-14.918 224)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h541.837"
transform="translate(-14.918 160)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-63.774-95.663-156.333-95.663-156.333S-191.325-63.776-191.325 0c0 52.833 42.829 95.663 95.662 95.663C-42.83 95.663 0 52.833 0 0"
transform="translate(351.663 416.337)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.565 0-65.123-13.071-88.857-36.806-23.734-23.734-36.806-55.291-36.806-88.857 0-19.315 6.125-41.159 18.204-64.925 8.771-17.259 20.831-35.912 35.843-55.441 24.97-32.483 49.715-56.52 50.756-57.527L0-323.739l20.86 20.183c1.042 1.007 25.786 25.044 50.756 57.528 15.012 19.528 27.072 38.182 35.843 55.441 12.079 23.766 18.204 45.609 18.204 64.924 0 33.566-13.072 65.123-36.806 88.857C65.123-13.071 33.565 0 0 0m0-30c52.833 0 95.663-42.83 95.663-95.663C95.663-189.437 0-281.996 0-281.996s-95.663 92.557-95.663 156.333C-95.663-72.83-52.833-30 0-30"
transform="translate(256 542)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.767-15.213-33.979-33.979-33.979-18.767 0-33.98 15.212-33.98 33.979s15.213 33.979 33.98 33.979C-15.213 33.979 0 18.767 0 0Z"
transform="translate(289.98 416.625)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#e)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c0-68.425-55.469-123.895-123.894-123.895-68.425 0-123.895 55.47-123.895 123.895s55.47 123.894 123.895 123.894S0 68.425 0 0Z"
transform="translate(477.891 -128.884)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category