Add icons to this collection by clicking the heart icon.
Traffic Signal icon - also known as traffic signal, hygiene, transportation, traffic light, road sign, stop signal, stop light, and ecology and environment. Created in a clean isometric style with a white, silver, gray, black, navy, 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="512"
height="512"
viewBox="0 0 53 53"
>
<path
fill="#c9cee2"
d="m29.522 30.635-2.73-1.584c-.117-.068-.189-.21-.19-.415l2.732 1.584c0 .204.072.347.188.415z"
/>
<path
fill="#b6b9ba"
d="m34.46 9.96 2.732 1.584c-.118-.068-.28-.058-.461.046L34 10.006c.18-.104.343-.114.46-.046z"
/>
<path
fill="#909293"
d="m29.334 30.22-2.731-1.584-.039-13.594 2.732 1.584z"
/>
<path fill="#b6b9ba" d="m29.94 15.51-2.732-1.583L34 10.006l2.73 1.584z" />
<path
fill="#a2a4a5"
d="m29.296 16.626-2.732-1.584c0-.41.287-.909.644-1.115l2.731 1.584c-.357.206-.645.705-.643 1.115z"
/>
<path
fill="#e3e7f0"
d="M36.73 11.59c.359-.207.649-.042.65.368l.038 13.595c.001.41-.287.909-.644 1.115l-6.792 3.921c-.357.206-.647.041-.648-.369l-.038-13.594c-.002-.41.286-.91.643-1.115z"
/>
<path
fill="#c9cee2"
d="M37.191 4.1c-.12-.06-.239.123-.419.223l-7.44 25.897-2.73-1.58-.03-21.04c0-.41.28-.91.64-1.12l6.79-3.91c.18-.1.34-.12.46-.05z"
/>
<path
fill="#e3e7f0"
d="m29.334 30.22-.038-21.034c-.002-.41.286-.908.643-1.114l6.792-3.922c.358-.206.648-.041.649.369l.038 21.034"
/>
<path
fill="#4c5c75"
d="M35.884 22.128c-.424-.245-.96-.065-1.608.309-1.285.741-2.331 2.398-2.328 3.874.003.735.22 1.249.637 1.491l-1.05-.615c-.417-.243-.677-.76-.679-1.494-.004-1.477 1.034-3.276 2.32-4.019.648-.373 1.233-.408 1.657-.161z"
/>
<ellipse
cx="34.235"
cy="24.965"
fill="#111d33"
rx="3.281"
ry="1.901"
transform="rotate(-59.87 34.21 24.958)"
/>
<path
fill="#4c5c75"
d="M36.193 23.623c.003 1.333-.975 3.027-2.135 3.697-.307.177-.604.27-.86.27-.575 0-.92-.479-.922-1.282l.003-.155c.069-1.306 1.016-2.898 2.133-3.542.305-.177.602-.27.86-.27.475 0 .792.326.889.892.02.12.032.25.032.39z"
/>
<path
fill="#81d672"
d="M33.462 26.922c-.429 0-.685-.357-.687-.956-.003-.994.726-2.256 1.592-2.756.228-.131.45-.2.64-.2.429 0 .686.356.687.955.003.994-.726 2.256-1.591 2.756-.228.131-.45.2-.641.2z"
/>
<path
fill="#111d33"
d="m35.656 22.713 1.149.668c.086.05.164.114.234.193l-1.15-.668a.945.945 0 0 0-.233-.193z"
/>
<path
fill="#4c5c75"
d="M37.011 23.03c-.41-.24-.926-.094-1.526.256-.81.47-1.594 1.294-1.974 2.324l-1.15-.67c.38-1.02 1.12-1.96 1.93-2.43.6-.34 1.16-.39 1.57-.15z"
/>
<path
fill="#111d33"
d="M35.437 23.18c.81-.467 1.547-.38 1.94.198l-.338.196c-.356-.403-.953-.436-1.601-.062-.648.375-1.243 1.096-1.595 1.907l-.336.194c.385-1.028 1.12-1.965 1.93-2.432z"
/>
<path
fill="#4c5c75"
d="M35.884 14.689c-.424-.245-.893-.02-1.54.353-1.285.742-2.326 2.354-2.323 3.83.003.734.147 1.248.564 1.491l-1.05-.615c-.417-.243-.677-.76-.679-1.494-.004-1.477 1.034-3.276 2.32-4.02.648-.373 1.233-.407 1.657-.16z"
/>
<ellipse
cx="34.235"
cy="17.526"
fill="#111d33"
rx="3.281"
ry="1.901"
transform="rotate(-59.87 34.212 17.523)"
/>
<path
fill="#4c5c75"
d="M36.193 16.183c.003 1.334-.975 3.027-2.135 3.698-.307.177-.604.27-.86.27-.575 0-.92-.48-.922-1.282 0-.052.001-.103.003-.155.069-1.306 1.016-2.898 2.133-3.542.305-.178.602-.27.86-.27.475 0 .792.326.889.892.02.12.032.25.032.39z"
/>
<path
fill="#ffd06c"
d="M33.462 19.483c-.429 0-.685-.358-.687-.956-.003-.994.726-2.256 1.592-2.756.228-.131.45-.201.64-.201.429 0 .686.357.687.955.003.994-.726 2.257-1.591 2.756-.228.132-.45.202-.641.202z"
/>
<path
fill="#111d33"
d="m35.656 15.274 1.149.668c.086.05.164.114.234.193l-1.15-.668a.945.945 0 0 0-.233-.193z"
/>
<path
fill="#4c5c75"
d="M37.011 15.59c-.41-.24-.916-.126-1.516.224a4.752 4.752 0 0 0-1.984 2.356l-1.15-.66c.38-1.03 1.12-1.97 1.93-2.44.6-.34 1.16-.39 1.57-.15z"
/>
<path
fill="#111d33"
d="M35.437 15.741c.81-.467 1.547-.38 1.94.198l-.338.196c-.356-.403-.953-.436-1.601-.062s-1.243 1.095-1.595 1.907l-.336.194c.385-1.029 1.12-1.965 1.93-2.433z"
/>
<path
fill="#4c5c75"
d="M35.884 7.25c-.424-.246-.919-.081-1.566.292-1.285.742-2.352 2.4-2.349 3.876.003.735.199 1.263.616 1.506l-1.05-.616c-.417-.242-.677-.759-.679-1.493-.004-1.478 1.034-3.277 2.32-4.02.648-.373 1.233-.407 1.657-.161z"
/>
<ellipse
cx="34.235"
cy="10.087"
fill="#111d33"
rx="3.281"
ry="1.901"
transform="rotate(-59.87 34.213 10.088)"
/>
<path
fill="#4c5c75"
d="M36.193 8.744c.003 1.333-.975 3.027-2.135 3.697-.307.178-.604.27-.86.27-.575 0-.92-.479-.922-1.281 0-.052.001-.104.003-.155.069-1.307 1.016-2.898 2.133-3.543.305-.177.602-.27.86-.27.475 0 .792.327.889.892.02.12.032.25.032.39z"
/>
<path
fill="#f45170"
d="M33.462 12.043c-.429 0-.685-.357-.687-.955-.003-.994.726-2.256 1.592-2.756.228-.132.45-.201.64-.201.429 0 .686.357.687.955.003.994-.726 2.256-1.591 2.756-.228.132-.45.201-.641.201z"
/>
<path
fill="#111d33"
d="m35.656 7.834 1.149.668c.086.05.164.115.234.193l-1.15-.668a.945.945 0 0 0-.233-.193z"
/>
<path
fill="#4c5c75"
d="M37.011 8.15c-.41-.24-.938-.067-1.538.283-.81.47-1.582 1.277-1.962 2.297l-1.15-.66c.38-1.03 1.12-1.97 1.93-2.44.6-.34 1.16-.38 1.57-.15z"
/>
<path
fill="#111d33"
d="M35.437 8.302c.81-.467 1.547-.381 1.94.198l-.338.195c-.356-.403-.953-.435-1.601-.061s-1.243 1.095-1.595 1.907l-.336.193c.385-1.028 1.12-1.965 1.93-2.432z"
/>
<path
fill="#e3e7f0"
d="M28.59 12.97a2.105 2.105 0 0 0-.663-1.163c-.08-.07-.15-.13-.24-.18-.25-.15-.481-.161-.652-.06l-6.864 4.006v3.013l8.168-4.774c.17-.1.27-.3.27-.591 0-.08-.01-.16-.02-.25zM28.59 23.6a2.105 2.105 0 0 0-.663-1.164 1.37 1.37 0 0 0-.24-.18c-.25-.15-.481-.16-.652-.06l-6.864 4.007v3.013l8.168-4.774c.17-.1.27-.301.27-.592 0-.08-.01-.16-.02-.25z"
/>
<path
fill="#1d2943"
d="m25.359 45.47-.005 2.235c-.002.72-.475 1.438-1.42 1.987-1.902 1.106-4.994 1.105-6.908 0-.965-.556-1.446-1.287-1.444-2.016l.004-2.235c-.002.73 9.77.749 9.773.03z"
/>
<path
fill="#4c5c75"
d="M23.917 43.455c1.914 1.105 1.924 2.897.022 4.002-1.902 1.106-4.995 1.105-6.909 0-1.916-1.106-1.926-2.897-.024-4.002s4.994-1.106 6.91 0z"
/>
<path
fill="#c9cee2"
d="m23.793 38.722-.004 6.51c-.001.49-.323.977-.964 1.35-1.293.752-3.396.752-4.697 0-.655-.378-.982-.874-.98-1.37l.003-6.51c-.001.496 6.64.509 6.642.02z"
/>
<path
fill="#e3e7f0"
d="M22.829 40.071c-1.293.752-3.396.752-4.696 0-1.301-.75-1.31-1.97-.017-2.718 1.292-.753 3.395-.753 4.696 0s1.31 1.969.017 2.718z"
/>
<path
fill="#bf7d5a"
d="m22.631 12.5-.06 26.01c0 .31-.2.62-.62.86-.83.49-2.17.49-3.01 0-.42-.24-.63-.56-.63-.87l.06-26.01z"
/>
<path
fill="#dba660"
d="M22.003 11.625c.835.482.84 1.263.01 1.745-.83.482-2.179.482-3.014 0s-.839-1.264-.01-1.746c.83-.481 2.178-.481 3.014.001z"
/>
</svg>
More icons in the same style and category