SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
Navigation Elements 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.17 KB
3.13 KB
-25%
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/200646/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"> <path style="fill:#B3B3B3;" d="M374.312,0v512H137.688V0H374.312z"/> <rect x="158.784" y="21.102" style="fill:#CCCCCC;" width="194.42" height="469.797"/> <g> <path style="fill:#B3B3B3;" d="M327.789,102.99c0-39.651-32.13-71.795-71.782-71.795s-71.796,32.145-71.796,71.795 c0,7.451,1.136,14.625,3.241,21.383l0,0c1.842,5.9,4.418,11.482,7.645,16.619c12.686,20.29,35.22,33.779,60.91,33.779 s48.223-13.489,60.882-33.779c3.227-5.138,5.817-10.72,7.659-16.619l0,0C326.653,117.614,327.789,110.44,327.789,102.99z"/> <path style="fill:#B3B3B3;" d="M321.996,262.659c0-36.451-29.539-66.002-65.99-66.002s-66.002,29.551-66.002,66.002 c0,6.849,1.044,13.445,2.979,19.658l0,0c1.693,5.424,4.061,10.555,7.028,15.279c11.663,18.653,32.377,31.054,55.995,31.054 s44.333-12.402,55.97-31.054c2.967-4.723,5.347-9.854,7.04-15.279l0,0C320.952,276.105,321.996,269.509,321.996,262.659z"/> <path style="fill:#B3B3B3;" d="M321.996,415.386c0-36.451-29.539-66.002-65.99-66.002s-66.002,29.551-66.002,66.002 c0,6.849,1.044,13.445,2.979,19.658l0,0c1.693,5.424,4.061,10.555,7.028,15.279c11.663,18.653,32.377,31.054,55.995,31.054 s44.333-12.402,55.97-31.054c2.967-4.723,5.347-9.854,7.04-15.279l0,0C320.952,428.831,321.996,422.236,321.996,415.386z"/> </g> <path style="fill:#F95428;" d="M317.437,122.154c-1.651,5.288-3.972,10.29-6.864,14.895c-11.345,18.185-31.541,30.275-54.566,30.275 s-43.221-12.09-54.591-30.275c-2.892-4.605-5.201-9.607-6.852-14.895c8.155-26.178,32.571-58.629,61.431-58.629 S309.282,95.975,317.437,122.154z"/> <path style="fill:#9AD14B;" d="M311.019,433.055c-1.676,5.337-4.121,10.352-7.212,14.895c-10.352,15.33-27.891,25.409-47.801,25.409 c-19.91,0-37.449-10.079-47.814-25.409c-3.078-4.543-5.524-9.558-7.212-14.895c7.361-23.373,29.207-50.11,55.013-50.11 C281.8,382.945,303.659,409.682,311.019,433.055z"/> <path style="fill:#E54728;" d="M317.437,122.154c-1.651,5.288-3.972,10.29-6.864,14.895c-11.358-18.185-31.553-30.275-54.579-30.275 s-43.221,12.09-54.579,30.275c-2.892-4.605-5.201-9.607-6.852-14.895c8.155-26.178,32.571-58.629,61.431-58.629 S309.282,95.975,317.437,122.154z"/> <path style="fill:#90BC42;" d="M311.019,433.055c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352-15.342-27.904-25.421-47.814-25.421s-37.449,10.079-47.801,25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-50.11,55.013-50.11C281.8,382.945,303.659,409.682,311.019,433.055z"/> <path style="fill:#808080;" d="M320.341,102.988c0,6.678-1.018,13.108-2.905,19.165c-8.155-26.178-32.583-45.17-61.443-45.17 s-53.275,18.991-61.431,45.17c-1.887-6.057-2.905-12.487-2.905-19.165c0-35.538,28.81-64.348,64.348-64.348 S320.341,67.451,320.341,102.988z"/> <path style="fill:#F7B239;" d="M311.019,280.031c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352,15.342-27.891,25.421-47.801,25.421c-19.91,0-37.449-10.079-47.814-25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-53.486,55.013-53.486C281.8,226.545,303.659,256.658,311.019,280.031z"/> <path style="fill:#E09B2D;" d="M311.019,280.031c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352-15.342-27.904-25.421-47.814-25.421s-37.449,10.079-47.801,25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-53.486,55.013-53.486C281.8,226.545,303.659,256.658,311.019,280.031z"/> <g> <path style="fill:#808080;" d="M313.688,262.653c0,6.057-0.931,11.891-2.669,17.378c-7.361-23.373-29.22-40.317-55.026-40.317 s-47.652,16.943-55.013,40.317c-1.738-5.486-2.669-11.32-2.669-17.378c0-31.863,25.831-57.694,57.694-57.694 S313.688,230.79,313.688,262.653z"/> <path style="fill:#808080;" d="M313.688,415.677c0,6.057-0.931,11.891-2.669,17.378c-7.361-23.373-29.22-40.317-55.026-40.317 s-47.652,16.943-55.013,40.317c-1.738-5.486-2.669-11.32-2.669-17.378c0-31.863,25.831-57.694,57.694-57.694 S313.688,383.814,313.688,415.677z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.17 KB
3.13 KB
-25%
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/200646/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"> <path style="fill:#B3B3B3;" d="M374.312,0v512H137.688V0H374.312z"/> <rect x="158.784" y="21.102" style="fill:#CCCCCC;" width="194.42" height="469.797"/> <g> <path style="fill:#B3B3B3;" d="M327.789,102.99c0-39.651-32.13-71.795-71.782-71.795s-71.796,32.145-71.796,71.795 c0,7.451,1.136,14.625,3.241,21.383l0,0c1.842,5.9,4.418,11.482,7.645,16.619c12.686,20.29,35.22,33.779,60.91,33.779 s48.223-13.489,60.882-33.779c3.227-5.138,5.817-10.72,7.659-16.619l0,0C326.653,117.614,327.789,110.44,327.789,102.99z"/> <path style="fill:#B3B3B3;" d="M321.996,262.659c0-36.451-29.539-66.002-65.99-66.002s-66.002,29.551-66.002,66.002 c0,6.849,1.044,13.445,2.979,19.658l0,0c1.693,5.424,4.061,10.555,7.028,15.279c11.663,18.653,32.377,31.054,55.995,31.054 s44.333-12.402,55.97-31.054c2.967-4.723,5.347-9.854,7.04-15.279l0,0C320.952,276.105,321.996,269.509,321.996,262.659z"/> <path style="fill:#B3B3B3;" d="M321.996,415.386c0-36.451-29.539-66.002-65.99-66.002s-66.002,29.551-66.002,66.002 c0,6.849,1.044,13.445,2.979,19.658l0,0c1.693,5.424,4.061,10.555,7.028,15.279c11.663,18.653,32.377,31.054,55.995,31.054 s44.333-12.402,55.97-31.054c2.967-4.723,5.347-9.854,7.04-15.279l0,0C320.952,428.831,321.996,422.236,321.996,415.386z"/> </g> <path style="fill:#F95428;" d="M317.437,122.154c-1.651,5.288-3.972,10.29-6.864,14.895c-11.345,18.185-31.541,30.275-54.566,30.275 s-43.221-12.09-54.591-30.275c-2.892-4.605-5.201-9.607-6.852-14.895c8.155-26.178,32.571-58.629,61.431-58.629 S309.282,95.975,317.437,122.154z"/> <path style="fill:#9AD14B;" d="M311.019,433.055c-1.676,5.337-4.121,10.352-7.212,14.895c-10.352,15.33-27.891,25.409-47.801,25.409 c-19.91,0-37.449-10.079-47.814-25.409c-3.078-4.543-5.524-9.558-7.212-14.895c7.361-23.373,29.207-50.11,55.013-50.11 C281.8,382.945,303.659,409.682,311.019,433.055z"/> <path style="fill:#E54728;" d="M317.437,122.154c-1.651,5.288-3.972,10.29-6.864,14.895c-11.358-18.185-31.553-30.275-54.579-30.275 s-43.221,12.09-54.579,30.275c-2.892-4.605-5.201-9.607-6.852-14.895c8.155-26.178,32.571-58.629,61.431-58.629 S309.282,95.975,317.437,122.154z"/> <path style="fill:#90BC42;" d="M311.019,433.055c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352-15.342-27.904-25.421-47.814-25.421s-37.449,10.079-47.801,25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-50.11,55.013-50.11C281.8,382.945,303.659,409.682,311.019,433.055z"/> <path style="fill:#808080;" d="M320.341,102.988c0,6.678-1.018,13.108-2.905,19.165c-8.155-26.178-32.583-45.17-61.443-45.17 s-53.275,18.991-61.431,45.17c-1.887-6.057-2.905-12.487-2.905-19.165c0-35.538,28.81-64.348,64.348-64.348 S320.341,67.451,320.341,102.988z"/> <path style="fill:#F7B239;" d="M311.019,280.031c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352,15.342-27.891,25.421-47.801,25.421c-19.91,0-37.449-10.079-47.814-25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-53.486,55.013-53.486C281.8,226.545,303.659,256.658,311.019,280.031z"/> <path style="fill:#E09B2D;" d="M311.019,280.031c-1.676,5.337-4.121,10.352-7.212,14.895 c-10.352-15.342-27.904-25.421-47.814-25.421s-37.449,10.079-47.801,25.421c-3.078-4.543-5.524-9.558-7.212-14.895 c7.361-23.373,29.207-53.486,55.013-53.486C281.8,226.545,303.659,256.658,311.019,280.031z"/> <g> <path style="fill:#808080;" d="M313.688,262.653c0,6.057-0.931,11.891-2.669,17.378c-7.361-23.373-29.22-40.317-55.026-40.317 s-47.652,16.943-55.013,40.317c-1.738-5.486-2.669-11.32-2.669-17.378c0-31.863,25.831-57.694,57.694-57.694 S313.688,230.79,313.688,262.653z"/> <path style="fill:#808080;" d="M313.688,415.677c0,6.057-0.931,11.891-2.669,17.378c-7.361-23.373-29.22-40.317-55.026-40.317 s-47.652,16.943-55.013,40.317c-1.738-5.486-2.669-11.32-2.669-17.378c0-31.863,25.831-57.694,57.694-57.694 S313.688,383.814,313.688,415.677z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download