Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as business, light, buildings, stop, transportation, signaling, traffic light, road sign, stop signal, traffic lights, and seo and web. Created in a clean lineal color style with a white, silver, gray, black, red, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-21.565l57.483-15.783 54.752 15.783V0c0 11.879-9.698 21.565-21.531 21.565H21.531C9.699 21.565 0 11.879 0 0"
transform="translate(199.884 482.935)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-21.73 0-13.368-16.096-4.579-25.81C10.78-42.703 29.78-57.004 55.208-57.175l16.753 28.573L55.208 0Z"
transform="translate(115.777 420.176)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-21.73 0-13.368-16.096-4.579-25.781C10.78-42.703 29.78-57.004 55.208-57.175l19.967 26.351L55.208 0Z"
transform="translate(115.777 321.18)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-21.73 0-13.368-16.067-4.579-25.782C10.78-42.704 29.78-56.976 55.208-57.147l19.967 28.46L55.208 0Z"
transform="translate(115.777 222.185)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-23.722-27.548L0-57.147c25.456.171 44.456 14.443 59.787 31.365C68.604-16.067 76.967 0 55.236 0Z"
transform="translate(340.99 222.185)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-19.455-26.807L0-57.175c25.456.171 44.456 14.472 59.787 31.394C68.604-16.096 76.967 0 55.236 0Z"
transform="translate(340.99 321.18)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-24.461-26.323L0-57.175c25.456.171 44.456 14.472 59.787 31.365C68.604-16.096 76.967 0 55.236 0Z"
transform="translate(340.99 420.176)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-70.28a2.928 2.928 0 0 1 2.929-2.934h49.833a2.928 2.928 0 0 1 2.929 2.934V0L27.846 16.723Z"
transform="translate(228.156 80.714)"
fill="#fec165"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-21.537c0-11.851 9.699-21.565 21.532-21.565h55.692c11.832 0 21.531 9.714 21.531 21.565V0L49.378 14.671Z"
transform="translate(206.624 123.816)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-280.008c0-9.002 8.761-16.352 19.483-16.352h16.156v.029h98.755v-.029h16.155c10.694 0 19.455 7.35 19.455 16.352V24.87c0 8.974-8.761 16.323-19.455 16.323H19.483C8.761 41.193 0 33.844 0 24.87Z"
transform="translate(170.985 420.176)"
fill="#f8f2f0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-280.008c0-8.745-8.305-15.953-18.63-16.323H.285v-.029H16.44c10.695 0 19.456 7.35 19.456 16.352V24.87c0 8.974-8.761 16.323-19.456 16.323h-35.923c5.233 0 10.012-1.766 13.51-4.614C-2.304 33.616 0 29.457 0 24.87Z"
transform="translate(305.094 420.176)"
fill="#e0d2ce"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-70.28c0-1.623-1.309-2.934-2.901-2.934h19.285a2.928 2.928 0 0 1 2.929 2.934V0h-2.929z"
transform="translate(264.534 80.714)"
fill="#fe9737"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-8.29-4.722-15.526-11.634-19.144a21.459 21.459 0 0 0-9.897-2.421h17.89c11.832 0 21.532 9.714 21.532 21.565v21.537l-.058.028H-.058L0 21.537Z"
transform="translate(287.488 102.28)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-15.331-16.922-34.331-31.194-59.787-31.394v-19.941C-34.331-51.165-15.331-36.863 0-19.97 7.366-11.851 14.449.769 3.783 4.644A51.359 51.359 0 0 0 0 0"
transform="translate(400.776 414.336)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-19.941c25.456.17 44.456 14.443 59.787 31.365 7.366 8.119 14.449 20.71 3.783 24.614a51.359 51.359 0 0 0-3.783-4.644C44.456 14.472 25.456.171 0 0"
transform="translate(340.99 184.98)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-15.331-16.922-34.331-31.194-59.787-31.365v-19.97C-34.331-51.164-15.331-36.863 0-19.941 7.366-11.822 14.449.769 3.783 4.644A60.93 60.93 0 0 0 0 0"
transform="translate(400.776 315.34)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-10.666-3.903-3.612-16.495 3.755-24.614 15.359-16.922 34.359-31.194 59.787-31.365v19.941c-25.428.171-44.428 14.473-59.787 31.394C2.475-3.219 1.167-1.652 0 0"
transform="translate(107.443 221.017)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-10.666-3.875-3.612-16.466 3.755-24.585 15.359-16.922 34.359-31.223 59.787-31.394v19.97c-25.428.171-44.428 14.444-59.787 31.365C2.475-3.19 1.167-1.624 0 0"
transform="translate(107.443 319.984)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-10.666-3.903-3.612-16.495 3.755-24.614 15.359-16.893 34.359-31.194 59.787-31.365v19.941c-25.428.2-44.428 14.473-59.787 31.394C2.475-3.219 1.167-1.652 0 0"
transform="translate(107.443 418.98)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c11.833 0 21.532-9.686 21.532-21.565v-21.566h38.454v21.566C59.986-9.686 50.288 0 38.455 0Z"
transform="translate(252.133 504.5)"
fill="#746e6e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v21.565c0 11.88-9.698 21.566-21.531 21.566h-69.173c-11.832 0-21.531-9.686-21.531-21.566V0"
transform="translate(312.12 461.37)"
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-55.208c-21.73 0-13.368-16.096-4.579-25.81C-44.428-42.703-25.428-57.004 0-57.175Z"
transform="translate(170.985 420.176)"
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-55.208c-21.73 0-13.368-16.096-4.579-25.781C-44.428-42.703-25.428-57.004 0-57.175Z"
transform="translate(170.985 321.18)"
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-55.208c-21.73 0-13.368-16.067-4.579-25.782C-44.428-42.704-25.428-56.976 0-57.147Z"
transform="translate(170.985 222.185)"
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 0h55.236c21.731 0 13.368-16.096 4.551-25.81C44.456-42.703 25.456-57.004 0-57.175Z"
transform="translate(340.99 420.176)"
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 0h55.236c21.731 0 13.368-16.096 4.551-25.781C44.456-42.703 25.456-57.004 0-57.175Z"
transform="translate(340.99 321.18)"
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 0h55.236c21.731 0 13.368-16.067 4.551-25.782C44.456-42.704 25.456-56.976 0-57.147Z"
transform="translate(340.99 222.185)"
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-46.362c-10.723 0-19.484-7.35-19.484-16.323v-304.878c0-9.002 8.761-16.352 19.484-16.352H1.45m34.73 0h48.523c10.694 0 19.455 7.35 19.455 16.352v304.878C104.158-7.35 95.397 0 84.703 0H35.099"
transform="translate(236.831 461.37)"
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-21.565c0-11.852-9.699-21.566-21.531-21.566h-55.692c-11.833 0-21.532 9.714-21.532 21.566V0"
transform="translate(305.379 123.845)"
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 0h55.691v-70.28a2.928 2.928 0 0 0-2.929-2.934H2.929A2.928 2.928 0 0 0 0-70.28Z"
transform="translate(228.156 80.714)"
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 0c-15.758 0-28.558-12.819-28.558-28.602 0-15.782 12.8-28.573 28.558-28.573 15.757 0 28.528 12.791 28.528 28.573C28.528-12.819 15.757 0 0 0"
transform="translate(256.002 420.176)"
fill="#fd8087"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-15.758 0-28.558-12.791-28.558-28.573 0-15.811 12.8-28.602 28.558-28.602 15.757 0 28.528 12.791 28.528 28.602C28.528-12.791 15.757 0 0 0"
transform="translate(256.002 321.18)"
fill="#fec165"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-15.782 12.8-28.573 28.558-28.573 15.756 0 28.528 12.791 28.528 28.573 0 15.783-12.772 28.574-28.528 28.574C12.8 28.574 0 15.783 0 0"
transform="translate(227.444 193.611)"
fill="#bbec6a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-11.708-7.025-21.765-17.094-26.18a28.568 28.568 0 0 1 11.463-2.393c15.757 0 28.528 12.791 28.528 28.573 0 15.783-12.771 28.602-28.528 28.602-4.067 0-7.936-.854-11.463-2.393C-7.025 21.793 0 11.709 0 0"
transform="translate(261.633 391.574)"
fill="#fd4755"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c10.068-4.416 17.094-14.472 17.094-26.181 0-11.708-7.026-21.793-17.094-26.209a28.581 28.581 0 0 1 11.463-2.393c15.757 0 28.528 12.792 28.528 28.602 0 15.783-12.771 28.574-28.528 28.574C7.396 2.393 3.526 1.538 0 0"
transform="translate(244.54 318.788)"
fill="#fe9737"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c10.068-4.416 17.094-14.472 17.094-26.181 0-11.708-7.026-21.764-17.094-26.18a28.581 28.581 0 0 1 11.463-2.393c15.757 0 28.528 12.791 28.528 28.573 0 15.783-12.771 28.574-28.528 28.574C7.396 2.393 3.526 1.538 0 0"
transform="translate(244.54 219.792)"
fill="#a2e62c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c15.729 0 28.528 12.848 28.528 28.573 0 15.754-12.799 28.602-28.528 28.602s-28.558-12.848-28.558-28.602C-28.558 12.848-15.729 0 0 0Z"
transform="translate(256.002 363)"
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 0c15.729 0 28.528 12.848 28.528 28.602 0 15.726-12.799 28.573-28.528 28.573s-28.558-12.847-28.558-28.573C-28.558 12.848-15.729 0 0 0Z"
transform="translate(256.002 264.005)"
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 0c15.729 0 28.528 12.82 28.528 28.573 0 15.754-12.799 28.574-28.528 28.574s-28.558-12.82-28.558-28.574C-28.558 12.82-15.729 0 0 0Z"
transform="translate(256.002 165.038)"
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