SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
City 7
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.15 KB
1.65 KB
-23%
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/214692/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> <circle style="fill:#CEE8FA;" cx="255.993" cy="100.752" r="43.962"/> <circle style="fill:#CEE8FA;" cx="255.993" cy="291.31" r="43.962"/> </g> <g> <path style="fill:#2D527C;" d="M338.842,0H173.158c-27.103,0-49.152,22.05-49.152,49.151v293.76 c0,27.101,22.049,49.15,49.152,49.15h68.187v105.284c0,8.092,6.561,14.654,14.654,14.654c8.093,0,14.654-6.562,14.654-14.654 V377.407c0-8.092-6.561-14.654-14.654-14.654h-82.841c-10.941,0-19.843-8.901-19.843-19.842V49.151 c0-10.942,8.902-19.843,19.843-19.843h165.684c10.941,0,19.843,8.901,19.843,19.843v293.76c0,10.941-8.902,19.842-19.843,19.842 c-8.093,0-14.654,6.562-14.654,14.654c0,8.092,6.561,14.654,14.654,14.654c27.103,0,49.152-22.049,49.152-49.15V49.151 C387.994,22.05,365.944,0,338.842,0z"/> <path style="fill:#2D527C;" d="M314.616,100.752c0-32.321-26.295-58.617-58.617-58.617s-58.617,26.295-58.617,58.617 c0,19.613,9.692,36.993,24.528,47.639c-14.836,10.646-24.528,28.028-24.528,47.639s9.692,36.993,24.528,47.639 c-14.836,10.646-24.528,28.028-24.528,47.639c0,32.321,26.295,58.617,58.617,58.617s58.617-26.295,58.617-58.617 c0-19.613-9.692-36.993-24.528-47.639c14.836-10.646,24.528-28.028,24.528-47.639s-9.692-36.993-24.528-47.639 C304.924,137.745,314.616,120.363,314.616,100.752z M255.999,71.443c16.161,0,29.308,13.148,29.308,29.308 s-13.148,29.308-29.308,29.308s-29.308-13.148-29.308-29.308S239.84,71.443,255.999,71.443z M255.999,166.722 c16.161,0,29.308,13.148,29.308,29.308c0,16.161-13.148,29.308-29.308,29.308s-29.308-13.148-29.308-29.308 S239.84,166.722,255.999,166.722z M255.999,320.618c-16.161,0-29.308-13.148-29.308-29.308c0-16.161,13.148-29.308,29.308-29.308 s29.308,13.148,29.308,29.308C285.308,307.471,272.16,320.618,255.999,320.618z"/> </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
2.15 KB
1.65 KB
-23%
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/214692/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> <circle style="fill:#CEE8FA;" cx="255.993" cy="100.752" r="43.962"/> <circle style="fill:#CEE8FA;" cx="255.993" cy="291.31" r="43.962"/> </g> <g> <path style="fill:#2D527C;" d="M338.842,0H173.158c-27.103,0-49.152,22.05-49.152,49.151v293.76 c0,27.101,22.049,49.15,49.152,49.15h68.187v105.284c0,8.092,6.561,14.654,14.654,14.654c8.093,0,14.654-6.562,14.654-14.654 V377.407c0-8.092-6.561-14.654-14.654-14.654h-82.841c-10.941,0-19.843-8.901-19.843-19.842V49.151 c0-10.942,8.902-19.843,19.843-19.843h165.684c10.941,0,19.843,8.901,19.843,19.843v293.76c0,10.941-8.902,19.842-19.843,19.842 c-8.093,0-14.654,6.562-14.654,14.654c0,8.092,6.561,14.654,14.654,14.654c27.103,0,49.152-22.049,49.152-49.15V49.151 C387.994,22.05,365.944,0,338.842,0z"/> <path style="fill:#2D527C;" d="M314.616,100.752c0-32.321-26.295-58.617-58.617-58.617s-58.617,26.295-58.617,58.617 c0,19.613,9.692,36.993,24.528,47.639c-14.836,10.646-24.528,28.028-24.528,47.639s9.692,36.993,24.528,47.639 c-14.836,10.646-24.528,28.028-24.528,47.639c0,32.321,26.295,58.617,58.617,58.617s58.617-26.295,58.617-58.617 c0-19.613-9.692-36.993-24.528-47.639c14.836-10.646,24.528-28.028,24.528-47.639s-9.692-36.993-24.528-47.639 C304.924,137.745,314.616,120.363,314.616,100.752z M255.999,71.443c16.161,0,29.308,13.148,29.308,29.308 s-13.148,29.308-29.308,29.308s-29.308-13.148-29.308-29.308S239.84,71.443,255.999,71.443z M255.999,166.722 c16.161,0,29.308,13.148,29.308,29.308c0,16.161-13.148,29.308-29.308,29.308s-29.308-13.148-29.308-29.308 S239.84,166.722,255.999,166.722z M255.999,320.618c-16.161,0-29.308-13.148-29.308-29.308c0-16.161,13.148-29.308,29.308-29.308 s29.308,13.148,29.308,29.308C285.308,307.471,272.16,320.618,255.999,320.618z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download