Add icons to this collection by clicking the heart icon.
Traffic Lights icon - also known as security, train, transportation, gate, signaling, road sign, barrier, and traffic lights. Created in a clean lineal color style with a silver, gray, black, and red 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.269 7.5h-54.537v60.477h54.537z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b9c1cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M249.173 7.5h-20.441v60.477h20.441z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#909ba5"
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-124.715c-54.818 0-99.257 44.439-99.257 99.257v226.615c0 54.818 44.439 99.257 99.257 99.257H0c54.818 0 99.258-44.439 99.258-99.257V99.257C99.258 44.439 54.818 0 0 0"
transform="translate(318.357 79.371)"
fill="#4d5961"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-43.703 0-79.257 35.555-79.257 79.257v226.615c0 43.702 35.554 79.257 79.257 79.257h124.716c43.702 0 79.257-35.555 79.257-79.257V79.257C203.973 35.555 168.418 0 124.716 0Z"
transform="translate(193.642 99.371)"
fill="#5e6b75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c15.57 17.52 25.021 40.6 25.021 65.88v226.61c0 54.82-44.431 99.26-99.25 99.26H-198.95c-54.82 0-99.25-44.44-99.25-99.26V65.88c0-54.82 44.43-99.26 99.25-99.26h124.721c18.779 0 36.339 5.22 51.319 14.28"
transform="translate(392.59 112.75)"
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-100.994c-9.938 0-17.993 8.056-17.993 17.993 0 9.938 8.055 17.994 17.993 17.994H0c9.938 0 17.993-8.056 17.993-17.994C17.993 8.056 9.938 0 0 0"
transform="translate(306.497 43.384)"
fill="#b9c1cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.25c-9.93 0-17.99 8.06-17.99 18 0 4.97 2.02 9.47 5.27 12.72 3.26 3.26 7.75 5.27 12.72 5.27H0c-4.97 0-9.47-2.01-12.73-5.27A17.942 17.942 0 0 1-18 18C-18 8.06-9.94 0 0 0"
transform="translate(237.75 43.38)"
fill="#909ba5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-100.994c-9.938 0-17.993 8.056-17.993 17.993 0 9.938 8.055 17.994 17.993 17.994H0c9.938 0 17.993-8.056 17.993-17.994C17.993 8.056 9.938 0 0 0Z"
transform="translate(306.497 43.384)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M283.269 7.5h-54.537v35.884h54.537z"
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 43.343-35.137 78.479-78.479 78.479-43.344 0-78.48-35.136-78.48-78.479 0-43.343 35.136-78.479 78.48-78.479C-35.137-78.479 0-43.343 0 0"
transform="translate(334.48 199.315)"
fill="#80bc93"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a78.516 78.516 0 0 0-16.629-1.77c-43.341 0-78.48 35.13-78.48 78.48 0 43.34 35.139 78.47 78.48 78.47 5.709 0 11.27-.61 16.629-1.77-35.359-7.62-61.859-39.06-61.859-76.7C-61.859 39.06-35.359 7.62 0 0"
transform="translate(272.63 122.61)"
fill="#69af81"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.84 17.61-45.96 28.31-74.569 28.31-28.62 0-54.741-10.7-74.58-28.31 10.29 31.34 39.79 53.98 74.58 53.98C-39.789 53.98-10.279 31.34 0 0"
transform="translate(330.57 223.815)"
fill="#4d5961"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 43.343-35.137 78.479-78.479 78.479-43.344 0-78.48-35.136-78.48-78.479 0-43.343 35.136-78.479 78.48-78.479C-35.137-78.479 0-43.343 0 0Z"
transform="translate(334.48 199.315)"
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-19.84 17.61-45.96 28.31-74.569 28.31-28.62 0-54.741-10.7-74.58-28.31"
transform="translate(330.57 223.815)"
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 43.343-35.137 78.48-78.479 78.48-43.344 0-78.48-35.137-78.48-78.48s35.136-78.479 78.48-78.479C-35.137-78.479 0-43.343 0 0"
transform="translate(334.48 384.556)"
fill="#da4a54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a78.516 78.516 0 0 0-16.629-1.77c-43.341 0-78.48 35.13-78.48 78.48 0 43.34 35.139 78.47 78.48 78.47 5.709 0 11.27-.61 16.629-1.77-35.359-7.62-61.859-39.06-61.859-76.7C-61.859 39.06-35.359 7.62 0 0"
transform="translate(272.63 307.85)"
fill="#d82e3d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.84 17.61-45.96 28.31-74.569 28.31-28.62 0-54.741-10.7-74.58-28.31 10.29 31.34 39.79 53.98 74.58 53.98C-39.789 53.98-10.279 31.34 0 0"
transform="translate(330.57 409.056)"
fill="#4d5961"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.29-14.98 34.45-24.31 56.79-24.31 43.34 0 78.481 35.13 78.481 78.48 0 43.34-35.141 78.48-78.481 78.48-43.34 0-78.48-35.14-78.48-78.48 0-10.25 1.96-20.03 5.53-29"
transform="translate(199.21 330.39)"
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-19.84 17.61-45.96 28.31-74.569 28.31-28.62 0-54.741-10.7-74.58-28.31"
transform="translate(330.57 409.056)"
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