Add icons to this collection by clicking the heart icon.
Road Sign icon - also known as orientation, road sign, directional sign, panel, and maps and location. Created in a clean lineal color style with a white, gray, black, olive, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-51.362-31.34-93-70-93s-70 41.638-70 93 31.34 93 70 93S0 51.362 0 0"
transform="translate(260.169 116.5)"
fill="#6de470"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a53.728 53.728 0 0 1-15-2.147C16.451-11.271 40-48.479 40-93c0-44.521-23.549-81.729-55-90.853A53.728 53.728 0 0 1 0-186c38.66 0 70 41.638 70 93S38.66 0 0 0"
transform="translate(190.17 209.5)"
fill="#4dcc68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.451-22.162-66-49.5-66S-99-36.451-99 0s22.162 66 49.5 66S0 36.451 0 0"
transform="translate(349.75 85)"
fill="#6de470"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.23 0-10.268-1.089-15-3.094C5.004-11.566 19.5-36.522 19.5-66S5.004-120.434-15-128.906C-10.268-130.911-5.23-132 0-132c27.338 0 49.5 29.549 49.5 66S27.338 0 0 0"
transform="translate(300.25 151)"
fill="#4dcc68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M272 101.5h-32v388h32z"
fill="#3b7191"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-467c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(489.5 7.5)"
fill="#d67b42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 37.5)"
fill="#be652b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v33c0 8.836 7.164 16 16 16h28c8.837 0 16-7.164 16-16Z"
transform="translate(286 37.5)"
fill="#3b7191"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28c-.337 0-.667-.03-1-.05C-20.631-.569-14-7.501-14-16v-33h30v33C16-7.164 8.837 0 0 0"
transform="translate(270 86.5)"
fill="#2b6181"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 86.5)"
fill="#4380a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 116.5)"
fill="#3b7191"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 301)"
fill="#4380a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 331)"
fill="#3b7191"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(266 474.5)"
fill="#4380a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144a8 8 0 0 0-8 8v58a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(452 279)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a8 8 0 0 0 8-8v-58a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8v58a8 8 0 0 1-8 8"
transform="translate(452 353)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144a8 8 0 0 0-8 8v58a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8"
transform="translate(204 331)"
fill="#f3f3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a8 8 0 0 0 8-8v-58a8 8 0 0 0-8-8H0a8 8 0 0 1 8 8v58a8 8 0 0 1-8 8"
transform="translate(204 405)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(271 353)"
fill="#4380a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(271 383)"
fill="#3b7191"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.134 16.599-31.779 45.3-31.779 77.926 0 51.362 31.34 93 70 93 18.976 0 36.189-10.032 48.797-26.322"
transform="translate(151.948 38.574)"
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 0a87.44 87.44 0 0 0 1.21-14.566c0-18.458-5.683-35.146-14.843-47.124"
transform="translate(348.29 99.566)"
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 0c7.786 6.806 17.098 10.764 27.104 10.764 14.536 0 27.608-8.354 36.665-21.658"
transform="translate(272.897 140.236)"
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 0v91.827"
transform="translate(240 383.923)"
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 0v19.179"
transform="translate(240 332.539)"
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 0v182.134"
transform="translate(240 116.966)"
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 0v181.524"
transform="translate(272 116.966)"
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-17.013"
transform="translate(272 350.987)"
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-32.382"
transform="translate(272 416.305)"
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-27.063"
transform="translate(272 475.75)"
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 0h-467c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(489.5 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 0h-60v33c0 8.836 7.164 16 16 16h28c8.837 0 16-7.164 16-16Z"
transform="translate(286 37.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 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(271 86.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 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(271 301)"
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 0h-20c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(266 474.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 0h-144a8 8 0 0 0-8 8v58a8 8 0 0 0 8 8H0a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8Z"
transform="translate(452 279)"
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 0h-35.774a8 8 0 0 0-8 8v58a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8H32.465"
transform="translate(95.774 331)"
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 0h14"
transform="translate(286 316)"
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 0h-30c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0Z"
transform="translate(271 353)"
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 0h14"
transform="translate(212 368)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category