Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as signaling, traffic light, road sign, stop light, and architecture and city. Created in a clean lineal color style with a gray, black, red, maroon, 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>
<path
d="M288.5 7.5h-65v133.713h65z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M223.5 30.525h65v110.688h-65z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#444"
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 0h-16.648v99.856h34.175c3.232 0 5.615-3.019 4.864-6.162z"
transform="translate(377.173 368.507)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.648v99.856h34.175c3.232 0 5.615-3.02 4.864-6.162z"
transform="translate(377.173 231.758)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.648v99.856h34.175c3.232 0 5.615-3.019 4.864-6.162z"
transform="translate(377.173 95.008)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h16.648v99.856h-34.175c-3.232 0-5.615-3.019-4.864-6.162z"
transform="translate(134.827 368.507)"
fill="#9d9d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h16.648v99.856h-34.175c-3.232 0-5.615-3.02-4.864-6.162z"
transform="translate(134.827 231.758)"
fill="#9d9d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h16.648v99.856h-34.175c-3.232 0-5.615-3.019-4.864-6.162z"
transform="translate(134.827 95.008)"
fill="#9d9d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v421.628c0 6.628-5.372 12-12 12h-182.214c-6.627 0-12-5.372-12-12V0c0-6.627 5.373-12 12-12H-12C-5.372-12 0-6.627 0 0"
transform="translate(357.69 70.872)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.574-22.354-49.928-49.928-49.928-27.574 0-49.927 22.354-49.927 49.928 0 27.575 22.353 49.928 49.927 49.928C-22.354 49.928 0 27.575 0 0"
transform="translate(305.928 281.685)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.575-22.354-49.928-49.928-49.928-27.574 0-49.927 22.353-49.927 49.928 0 27.575 22.353 49.928 49.927 49.928C-22.354 49.928 0 27.575 0 0"
transform="translate(305.928 144.936)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.574-22.354-49.928-49.928-49.928-27.574 0-49.927 22.354-49.927 49.928 0 27.575 22.353 49.928 49.927 49.928C-22.354 49.928 0 27.575 0 0"
transform="translate(305.928 418.435)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.888 17.059-24.456 30.077-49.258 30.077-24.802 0-45.37-13.018-49.258-30.077 3.888-23.702 24.456-41.791 49.258-41.791C-24.456-41.791-3.888-23.702 0 0"
transform="translate(305.258 273.548)"
fill="#fdb541"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.888 17.059-24.456 30.077-49.258 30.077-24.802 0-45.37-13.018-49.258-30.077 3.888-23.702 24.456-41.79 49.258-41.79C-24.456-41.79-3.888-23.702 0 0"
transform="translate(305.258 410.297)"
fill="#ca2c2c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.888 17.059-24.456 30.077-49.258 30.077-24.802 0-45.37-13.018-49.258-30.077 3.888-23.703 24.456-41.791 49.258-41.791C-24.456-41.791-3.888-23.703 0 0"
transform="translate(305.258 136.799)"
fill="#09a76d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.016c6.627 0 12-5.373 12-12v-421.628c0-6.628-5.373-12-12-12H0c6.628 0 12 5.372 12 12V-12C12-5.373 6.628 0 0 0"
transform="translate(348.524 504.5)"
fill="#444"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.926 0-9.68-.521-14.173-1.478C3.963-5.337 17.796-16.406 20.911-30.077 17.796-49.072 3.963-64.451-14.173-69.814A49.884 49.884 0 0 1 0-71.867c24.802 0 45.37 18.088 49.258 41.79C45.37-13.018 24.802 0 0 0"
transform="translate(256 303.625)"
fill="#fea713"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.926 0-9.68-.521-14.173-1.478C3.963-5.337 17.796-16.406 20.911-30.077 17.796-49.072 3.963-64.451-14.173-69.814A49.884 49.884 0 0 1 0-71.867c24.802 0 45.37 18.088 49.258 41.79C45.37-13.018 24.802 0 0 0"
transform="translate(256 440.373)"
fill="#a72b2b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.926 0-9.68-.521-14.173-1.478C3.963-5.337 17.796-16.406 20.911-30.077 17.796-49.072 3.963-64.451-14.173-69.814A49.884 49.884 0 0 1 0-71.867c24.802 0 45.37 18.088 49.258 41.79C45.37-13.018 24.802 0 0 0"
transform="translate(256 166.875)"
fill="#02905d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.278 84.856H3.229V0Zm0 136.75-20.278 84.855H3.229V136.75Zm0 136.749-20.278 84.855H3.229v-84.855Zm250.786-51.894-20.278-84.855h-3.23v84.855zM33.778-36.137H22.729a4.505 4.505 0 0 0-4.5 4.5v421.629c0 2.481 2.019 4.5 4.5 4.5h185.049c2.482 0 4.5-2.019 4.5-4.5V125.29a7.5 7.5 0 0 1 14.112-3.54h10.037a7.501 7.501 0 0 1 7.295 5.756l22.39 93.694a12.43 12.43 0 0 1-2.345 10.649 12.43 12.43 0 0 1-9.813 4.756h-26.676v21.894h9.149a7.501 7.501 0 0 1 7.295 5.756l5.821 24.358a7.5 7.5 0 0 1-5.552 9.038 7.499 7.499 0 0 1-9.038-5.551l-4.445-18.601h-3.23v84.855h23.508l-7.698-32.213a7.499 7.499 0 0 1 5.552-9.037 7.498 7.498 0 0 1 9.038 5.551l8.436 35.303c.227.955.342 1.933.342 2.907 0 6.886-5.608 12.489-12.502 12.489h-26.676v16.638c0 10.752-8.748 19.5-19.5 19.5H22.729c-10.751 0-19.5-8.748-19.5-19.5v-16.638h-26.675a12.432 12.432 0 0 1-9.813-4.755 12.43 12.43 0 0 1-2.345-10.65l22.39-93.694a7.5 7.5 0 0 1 7.295-5.756h9.148v-21.894h-26.675a12.43 12.43 0 0 1-9.813-4.756 12.427 12.427 0 0 1-2.345-10.649l22.39-93.694a7.5 7.5 0 0 1 7.295-5.756h9.148V99.856h-26.675a12.43 12.43 0 0 1-9.813-4.756 12.427 12.427 0 0 1-2.345-10.649l22.39-93.694A7.5 7.5 0 0 1-5.919-15h9.148v-16.637c0-10.753 8.749-19.5 19.5-19.5h11.049a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5"
transform="translate(140.746 102.508)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-3.229v84.856h23.507zm-90.254-87.508h-50v35h50zm113.7 187.364h-34.175a7.5 7.5 0 0 1-7.5-7.5V-31.637c0-2.482-2.019-4.5-4.5-4.5h-139a7.5 7.5 0 0 1-7.5-7.5 7.5 7.5 0 0 1 7.5-7.5h6.475v-43.871a7.5 7.5 0 0 1 7.5-7.5h65a7.5 7.5 0 0 1 7.5 7.5v43.871h52.525c10.751 0 19.5 8.747 19.5 19.5V-15h9.148a7.5 7.5 0 0 1 7.295 5.757l22.39 93.694c1.876 7.854-4.072 15.405-12.158 15.405"
transform="translate(371.254 102.508)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.362 0-37.608 14.203-41.58 33.987C-36.869 49.499-16.459 56.866 0 56.866c16.341 0 36.87-7.34 41.58-22.877C37.609 14.203 20.363 0 0 0m0 84.856c16.748 0 31.261-9.756 38.155-23.881C27.147 68.349 13.294 71.867 0 71.867c-13.307 0-27.106-3.491-38.155-10.892C-31.261 75.1-16.748 84.856 0 84.856m0 15c-31.666 0-57.428-25.762-57.428-57.428C-57.428 10.867-32.114-15 0-15c32.119 0 57.428 25.865 57.428 57.428 0 31.666-25.762 57.428-57.428 57.428"
transform="translate(256 376.007)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.362 0-37.608 14.202-41.58 33.987C-36.918 49.34-16.729 56.866 0 56.866c16.722 0 36.939-7.567 41.58-22.877C37.609 14.203 20.363 0 0 0m0 84.856c16.748 0 31.261-9.756 38.155-23.881C27.089 68.386 13.209 71.866 0 71.866c-13.244 0-27.079-3.474-38.155-10.891C-31.261 75.1-16.748 84.856 0 84.856m0 15c-31.666 0-57.428-25.762-57.428-57.428C-57.428 10.939-32.189-15 0-15c32.245 0 57.428 26 57.428 57.428 0 31.666-25.762 57.428-57.428 57.428"
transform="translate(256 239.258)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.748 0 31.261-9.756 38.155-23.881C27.15-16.509 13.333-12.989 0-12.989c-14.816 0-28.248-4.255-38.155-10.892C-31.261-9.756-16.748 0 0 0m0-84.855c-20.362 0-37.608 14.202-41.58 33.986C-36.898-35.451-16.601-27.99 0-27.99c16.589 0 36.914-7.486 41.58-22.877C37.609-70.653 20.363-84.855 0-84.855m0-15c32.244 0 57.428 26 57.428 57.427C57.428-10.762 31.666 15 0 15c-31.666 0-57.428-25.762-57.428-57.428 0-31.488 25.239-57.427 57.428-57.427"
transform="translate(256 187.364)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category