Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as transportation, signaling, road sign, and traffic lights. Created in a clean lineal color style with a silver, gray, black, yellow, 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="M283.43 7.477h-47.172v98.097h47.172z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M283.43 7.477h-20.8v98.097h20.8z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c9c0c8"
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 0s24.774-1.012 33.286 22.779c3.784 10.577 5.933 24.706 13.442 34.158 2.596 3.267.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 370.957)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s24.774-1.012 33.286 22.779c3.784 10.576 5.933 24.706 13.442 34.157 2.596 3.268.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 255.252)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s24.774-1.012 33.286 22.779c3.784 10.577 5.933 24.706 13.442 34.158 2.596 3.267.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 139.548)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-24.774-1.012-33.286 22.779c-3.784 10.577-5.933 24.706-13.442 34.158-2.596 3.267-.293 8.08 3.881 8.08H0Z"
transform="translate(176.24 370.957)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-24.774-1.012-33.286 22.779c-3.784 10.576-5.933 24.706-13.442 34.157-2.596 3.268-.293 8.08 3.881 8.08H0z"
transform="translate(176.24 255.252)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-24.774-1.012-33.286 22.779c-3.784 10.577-5.933 24.706-13.442 34.158-2.596 3.267-.293 8.08 3.881 8.08H0Z"
transform="translate(176.24 139.548)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.51-9.45-9.66-23.58-13.44-34.16-8.52-23.79-33.29-22.77-33.29-22.77v11.38c5.93 3.24 11.85 8.77 15.22 18.2 3.78 10.58 5.93 24.71 13.44 34.16.32.4.57.83.74 1.27h13.45C.29 8.08 2.59 3.27 0 0"
transform="translate(382.49 427.89)"
fill="#c9c0c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.51-9.45-9.66-23.58-13.44-34.16-8.52-23.79-33.29-22.78-33.29-22.78v11.39c5.93 3.24 11.85 8.77 15.22 18.2 3.78 10.57 5.93 24.7 13.44 34.15.32.41.57.84.75 1.28h13.44C.29 8.08 2.59 3.27 0 0"
transform="translate(382.49 312.19)"
fill="#c9c0c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.51-9.45-9.66-23.58-13.44-34.15-8.52-23.79-33.29-22.78-33.29-22.78v11.38c5.93 3.24 11.85 8.77 15.22 18.2 3.78 10.58 5.93 24.71 13.44 34.16.32.4.57.83.74 1.27h13.45C.29 8.08 2.59 3.27 0 0"
transform="translate(382.49 196.481)"
fill="#c9c0c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-102.12v20.147c0 7.972 6.463 14.435 14.435 14.435h73.25C-6.463 34.582 0 28.119 0 20.147Z"
transform="translate(307.06 469.941)"
fill="#d7d0d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20.15h-20V0c0 7.97-6.46 14.43-14.43 14.43h20C-6.46 14.43 0 7.97 0 0"
transform="translate(307.06 490.09)"
fill="#c9c0c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-112.468c-12.993 0-23.526 10.533-23.526 23.526v317.316c0 12.993 10.533 23.526 23.526 23.526H0c12.993 0 23.526-10.533 23.526-23.526V23.526C23.526 10.533 12.993 0 0 0"
transform="translate(312.234 105.573)"
fill="#8b8088"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-317.31c0-12.99-10.53-23.53-23.53-23.53h-19.74c12.99 0 23.53 10.54 23.53 23.53V0c0 13-10.54 23.53-23.53 23.53h19.74C-10.53 23.53 0 13 0 0"
transform="translate(335.76 446.41)"
fill="#7a7079"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-112.468c-12.993 0-23.526 10.533-23.526 23.526v317.316c0 12.993 10.533 23.526 23.526 23.526H0c12.993 0 23.526-10.533 23.526-23.526V23.526C23.526 10.533 12.993 0 0 0Z"
transform="translate(312.234 105.573)"
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-102.12v20.147c0 7.972 6.463 14.435 14.435 14.435h73.25C-6.463 34.582 0 28.119 0 20.147Z"
transform="translate(307.06 469.941)"
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-20.509-16.626-37.135-37.135-37.135C-57.644-37.135-74.27-20.509-74.27 0c0 20.509 16.626 37.135 37.135 37.135C-16.626 37.135 0 20.509 0 0"
transform="translate(293.135 395.91)"
fill="#f79595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.509-16.626-37.135-37.135-37.135C-57.644-37.135-74.27-20.509-74.27 0c0 20.509 16.626 37.135 37.135 37.135C-16.626 37.135 0 20.509 0 0"
transform="translate(293.135 287.757)"
fill="#fee97d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.509-16.626-37.134-37.135-37.134C-57.644-37.134-74.27-20.509-74.27 0s16.626 37.135 37.135 37.135C-16.626 37.135 0 20.509 0 0"
transform="translate(293.135 179.604)"
fill="#a7eedc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.51-16.62-37.13-37.13-37.13-11.95 0-22.58 5.64-29.37 14.4a36.76 36.76 0 0 1 10.76-1.59c20.51 0 37.14 16.62 37.14 37.13 0 8.57-2.9 16.46-7.77 22.74C-11.11 30.94 0 16.77 0 0"
transform="translate(293.13 395.91)"
fill="#f47c7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.51-16.62-37.14-37.13-37.14-11.94 0-22.56 5.63-29.36 14.39 3.4-1.03 7.01-1.58 10.75-1.58 20.51 0 37.14 16.63 37.14 37.14a37 37 0 0 1-7.77 22.74C-11.11 30.94 0 16.77 0 0"
transform="translate(293.13 287.76)"
fill="#fddf30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.51-16.62-37.13-37.13-37.13-11.95 0-22.58 5.64-29.37 14.4a36.76 36.76 0 0 1 10.76-1.59c20.51 0 37.14 16.63 37.14 37.13 0 8.57-2.91 16.46-7.78 22.75C-11.12 30.95 0 16.77 0 0"
transform="translate(293.13 179.6)"
fill="#86e8d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.72-6.722-16.005-10.879-26.261-10.879-20.509 0-37.135 16.626-37.135 37.135 0 20.509 16.626 37.135 37.135 37.135 18.458 0 33.771-13.467 36.649-31.112"
transform="translate(282.26 369.655)"
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-20.509-16.626-37.135-37.135-37.135C-57.644-37.135-74.27-20.509-74.27 0c0 20.509 16.626 37.135 37.135 37.135C-16.626 37.135 0 20.509 0 0Z"
transform="translate(293.135 287.757)"
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-20.509-16.626-37.134-37.135-37.134C-57.644-37.134-74.27-20.509-74.27 0s16.626 37.135 37.135 37.135C-16.626 37.135 0 20.509 0 0Z"
transform="translate(293.135 179.604)"
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 0v28.848h47.172v-98.097H0v34.136"
transform="translate(236.258 76.726)"
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 0s24.774-1.012 33.286 22.779c3.784 10.577 5.933 24.706 13.442 34.158 2.596 3.267.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 370.957)"
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 0s24.774-1.012 33.286 22.779c3.784 10.576 5.933 24.706 13.442 34.157 2.596 3.268.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 255.252)"
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 0s24.774-1.012 33.286 22.779c3.784 10.577 5.933 24.706 13.442 34.158 2.596 3.267.293 8.08-3.881 8.08H0Z"
transform="translate(335.76 139.548)"
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 0s-24.774-1.012-33.286 22.779c-3.784 10.577-5.933 24.706-13.442 34.158-2.596 3.267-.293 8.08 3.881 8.08H0Z"
transform="translate(176.24 370.957)"
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 0s-24.774-1.012-33.286 22.779c-3.784 10.576-5.933 24.706-13.442 34.157-2.596 3.268-.293 8.08 3.881 8.08H0z"
transform="translate(176.24 255.252)"
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 0s-24.774-1.012-33.286 22.779c-3.784 10.577-5.933 24.706-13.442 34.158-2.596 3.267-.293 8.08 3.881 8.08H0Z"
transform="translate(176.24 139.548)"
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