Add icons to this collection by clicking the heart icon.
Traffic Light icon - also known as light, buildings, stop, transportation, signaling, traffic light, road sign, stop signal, stop light, and traffic lights. Created in a clean lineal color style with a white, silver, gray, black, 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="M157.246 473.144h197.508V66.387H157.246Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8986a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v54h78.954V0"
transform="matrix(1.33333 0 0 -1.33333 286.415 672.667)"
fill="#8986a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M314.754 76.684h40v388.935h-40z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#76748f"
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 0 54.346 14.962h82.556L191.248 0a24.808 24.808 0 0 0 18.223-23.919H-18.223A24.808 24.808 0 0 0 0 0"
transform="translate(160.376 489.538)"
fill="#dadded"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-54.346 14.962h-40L-40 0a24.808 24.808 0 0 0 18.223-23.919h40A24.808 24.808 0 0 1 0 0"
transform="translate(351.624 489.538)"
fill="#caccdb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.31-19.706-44.016-44.014-44.016-24.307 0-44.013 19.706-44.013 44.016s19.706 44.017 44.013 44.017C-19.706 44.017 0 24.31 0 0"
transform="translate(300.014 153.197)"
fill="#c7ff80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.31-19.706-44.017-44.014-44.017-24.307 0-44.013 19.707-44.013 44.017 0 24.31 19.706 44.016 44.013 44.016C-19.706 44.016 0 24.31 0 0"
transform="translate(300.014 271.151)"
fill="#fdef85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.31-19.706-44.016-44.014-44.016-24.307 0-44.013 19.706-44.013 44.016s19.706 44.017 44.013 44.017C-19.706 44.017 0 24.31 0 0"
transform="translate(300.014 389.106)"
fill="#ff5757"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-54.037-14.877h-82.557L-190.631 0a25.23 25.23 0 0 0-18.531 24.324H18.531A25.23 25.23 0 0 0 0 0"
transform="translate(351.315 52.36)"
fill="#dadded"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a25.229 25.229 0 0 0-18.531-24.324l-54.037-14.878h40l54.037 14.878A25.229 25.229 0 0 1 40 0Z"
transform="translate(329.847 76.684)"
fill="#caccdb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.081-4.152h-82.557l-54.037 14.878a25.228 25.228 0 0 0-18.531 24.324H57.487a25.228 25.228 0 0 0-18.531-24.324"
transform="translate(312.36 41.634)"
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 0v42.497h197.508v-388.935H0v306.362"
transform="translate(157.246 423.122)"
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 0 54.346 14.962h82.556L191.248 0a24.808 24.808 0 0 0 18.223-23.919H-18.223A24.808 24.808 0 0 0 0 0Z"
transform="translate(160.376 489.538)"
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 0c0-24.31-19.706-44.016-44.014-44.016-24.307 0-44.013 19.706-44.013 44.016s19.706 44.017 44.013 44.017C-19.706 44.017 0 24.31 0 0Z"
transform="translate(300.014 153.197)"
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 0c0-7.746-6.301-14.047-14.046-14.047"
transform="translate(270.046 153.197)"
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 0c0 37.018 30.007 67.027 67.022 67.027 37.016 0 67.023-30.009 67.023-67.027"
transform="translate(188.977 130.186)"
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 0c0-24.31-19.706-44.017-44.014-44.017-24.307 0-44.013 19.707-44.013 44.017 0 24.31 19.706 44.016 44.013 44.016C-19.706 44.016 0 24.31 0 0Z"
transform="translate(300.014 271.151)"
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 0c0-7.746-6.301-14.047-14.046-14.047"
transform="translate(270.046 271.151)"
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 0c0 37.018 30.007 67.026 67.022 67.026 37.016 0 67.023-30.008 67.023-67.026"
transform="translate(188.977 248.141)"
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 0c0-24.31-19.706-44.016-44.014-44.016-24.307 0-44.013 19.706-44.013 44.016s19.706 44.017 44.013 44.017C-19.706 44.017 0 24.31 0 0Z"
transform="translate(300.014 389.106)"
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 0c0-7.746-6.301-14.046-14.046-14.046"
transform="translate(270.046 389.106)"
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 0c0 37.018 30.007 67.027 67.022 67.027 37.016 0 67.023-30.009 67.023-67.027"
transform="translate(188.977 366.095)"
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 0v29.982h78.953V0"
transform="translate(214.813 7.5)"
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