SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
Cityscape 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.5 KB
1.76 KB
-30%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/273563/traffic-light --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g transform="translate(0 -1)"> <g> <g> <path d="M256,52.2c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,67.56,274.773,52.2,256,52.2z"/> <path d="M256,291.133c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,306.493,274.773,291.133,256,291.133z"/> <path d="M256,171.667c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,187.027,274.773,171.667,256,171.667z"/> <path d="M426.667,171.667c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04V103.4 c0-28.16,23.04-51.2,51.2-51.2c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04V24.04 c0-12.8-10.24-23.04-23.893-23.04H160.427c-13.653,0-23.893,10.24-23.893,23.893v34.133c-12.8-14.507-30.72-23.893-51.2-23.893 c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533c28.16,0,51.2,23.04,51.2,51.2v74.24 c-12.8-13.653-30.72-23.04-51.2-23.04c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533c28.16,0,51.2,23.04,51.2,51.2 v74.24c-12.8-13.653-30.72-23.04-51.2-23.04c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533 c28.16,0,51.2,23.04,51.2,51.2v44.373c0,13.653,10.24,23.893,23.893,23.893H204.8V513h102.4V410.6h44.373 c12.8,0,23.893-10.24,23.893-23.893v-44.373c0-28.16,23.04-51.2,51.2-51.2c5.12,0,8.533-3.413,8.533-8.533 s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04v-74.24C375.467,194.707,398.507,171.667,426.667,171.667z M290.133,495.933h-68.267V410.6h68.267V495.933z M256,376.467c-28.16,0-51.2-23.04-51.2-51.2c0-28.16,23.04-51.2,51.2-51.2 s51.2,23.04,51.2,51.2C307.2,353.427,284.16,376.467,256,376.467z M256,257c-28.16,0-51.2-23.04-51.2-51.2 c0-28.16,23.04-51.2,51.2-51.2s51.2,23.04,51.2,51.2C307.2,233.96,284.16,257,256,257z M256,137.533 c-28.16,0-51.2-23.04-51.2-51.2c0-28.16,23.04-51.2,51.2-51.2s51.2,23.04,51.2,51.2C307.2,114.493,284.16,137.533,256,137.533z" /> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.5 KB
1.76 KB
-30%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/273563/traffic-light --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g transform="translate(0 -1)"> <g> <g> <path d="M256,52.2c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,67.56,274.773,52.2,256,52.2z"/> <path d="M256,291.133c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,306.493,274.773,291.133,256,291.133z"/> <path d="M256,171.667c-18.773,0-34.133,15.36-34.133,34.133c0,18.773,15.36,34.133,34.133,34.133s34.133-15.36,34.133-34.133 C290.133,187.027,274.773,171.667,256,171.667z"/> <path d="M426.667,171.667c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04V103.4 c0-28.16,23.04-51.2,51.2-51.2c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04V24.04 c0-12.8-10.24-23.04-23.893-23.04H160.427c-13.653,0-23.893,10.24-23.893,23.893v34.133c-12.8-14.507-30.72-23.893-51.2-23.893 c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533c28.16,0,51.2,23.04,51.2,51.2v74.24 c-12.8-13.653-30.72-23.04-51.2-23.04c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533c28.16,0,51.2,23.04,51.2,51.2 v74.24c-12.8-13.653-30.72-23.04-51.2-23.04c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533 c28.16,0,51.2,23.04,51.2,51.2v44.373c0,13.653,10.24,23.893,23.893,23.893H204.8V513h102.4V410.6h44.373 c12.8,0,23.893-10.24,23.893-23.893v-44.373c0-28.16,23.04-51.2,51.2-51.2c5.12,0,8.533-3.413,8.533-8.533 s-3.413-8.533-8.533-8.533c-20.48,0-38.4,9.387-51.2,23.04v-74.24C375.467,194.707,398.507,171.667,426.667,171.667z M290.133,495.933h-68.267V410.6h68.267V495.933z M256,376.467c-28.16,0-51.2-23.04-51.2-51.2c0-28.16,23.04-51.2,51.2-51.2 s51.2,23.04,51.2,51.2C307.2,353.427,284.16,376.467,256,376.467z M256,257c-28.16,0-51.2-23.04-51.2-51.2 c0-28.16,23.04-51.2,51.2-51.2s51.2,23.04,51.2,51.2C307.2,233.96,284.16,257,256,257z M256,137.533 c-28.16,0-51.2-23.04-51.2-51.2c0-28.16,23.04-51.2,51.2-51.2s51.2,23.04,51.2,51.2C307.2,114.493,284.16,137.533,256,137.533z" /> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG