Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as buildings, transportation, road sign, and traffic lights. Created in a clean lineal color style with a silver, gray, black, yellow, orange, and pink 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>
<path
d="M0 0h-492.001v-40.001H0Z"
transform="matrix(1.33333 0 0 -1.33333 669.333 34.665)"
fill="#8690af"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M276 446h-40.001v-40H276Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c22.091 0 40-17.909 40-40S22.091-80 0-80s-40 17.909-40 40S-22.091 0 0 0m0 110c22.091 0 40-17.908 40-40 0-22.091-17.909-40-40-40s-40 17.909-40 40c0 22.092 17.909 40 40 40m0 110.001c22.091 0 40-17.909 40-40s-17.909-40-40-40-40 17.909-40 40 17.909 40 40 40M60 260H-60c-11 0-20-8.999-20-19.999V-100c0-11 9-20 20-20H60c11 0 20 9 20 20v340.001c0 11-9 19.999-20 19.999"
transform="translate(256 146)"
fill="#8690af"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 22.091-17.909 40-40 40-22.092 0-40-17.909-40-40s17.908-40 40-40C-17.909-40 0-22.091 0 0"
transform="translate(296 326)"
fill="#ff5d7d"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 22.091-17.909 40-40 40-22.092 0-40-17.909-40-40s17.908-40 40-40C-17.909-40 0-22.091 0 0"
transform="translate(296 216)"
fill="#ffc144"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 22.091-17.909 40-40 40-22.092 0-40-17.909-40-40s17.908-40 40-40C-17.909-40 0-22.091 0 0"
transform="translate(296 106)"
fill="#cbe558"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v40h-40C-40 18-22 0 0 0"
transform="translate(176 326)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-40c0-22 18-40 40-40z"
transform="translate(176 256)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-40c0-22 18-40 40-40z"
transform="translate(176 146)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-40c22 0 40 18 40 40z"
transform="translate(335.999 146)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c22 0 40 18 40 40H0Z"
transform="translate(335.999 216)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c22 0 40 18 40 40H0Z"
transform="translate(335.999 326)"
fill="#b6bccf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c22.031 0 40 17.969 40 40 0 22.032-17.969 40-40 40s-40-17.968-40-40C-40 17.969-22.031 0 0 0Z"
transform="translate(256 286)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c22.031 0 40 17.969 40 40S22.031 80 0 80s-40-17.969-40-40S-22.031 0 0 0Z"
transform="translate(256 176)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c22.031 0 40 17.969 40 40S22.031 80 0 80s-40-17.969-40-40S-22.031 0 0 0Z"
transform="translate(256 66)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h119.999c11.001 0 20-9 20-20v-340c0-11-8.999-20-20-20H0c-11 0-20 9-20 20v340C-20-9-11 0 0 0z"
transform="translate(196 406)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40c0-22 18-40 40-40"
transform="translate(176 366)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40c0-22 18-40 40-40"
transform="translate(176 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40c0-22 18-40 40-40"
transform="translate(176 146)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40c0-22-18-40-40-40"
transform="translate(335.999 366)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40c0-22-18-40-40-40"
transform="translate(335.999 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h40c0-22-18-40-40-40"
transform="translate(335.999 146)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v40"
transform="translate(235.999 406)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v40"
transform="translate(276 406)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h492.001"
transform="translate(9.999 446)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h362m-492.001 0H-90"
transform="translate(140 486.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.007"
transform="translate(94.996 486.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category