SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
Construction 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.05 KB
1.52 KB
-26%
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/163712/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 496.162 496.162" style="enable-background:new 0 0 496.162 496.162;" xml:space="preserve"> <path style="fill:#337180;" d="M248.077,0C111.072,0,0.002,111.062,0.002,248.083c0,137.005,111.07,248.079,248.075,248.079 c137.013,0,248.083-111.074,248.083-248.079C496.16,111.062,385.09,0,248.077,0z"/> <path style="fill:#D3D3D3;" d="M229.787,246.881v248.608c6.041,0.44,12.139,0.673,18.29,0.673c5.371,0,10.696-0.19,15.983-0.527 V246.881H229.787z"/> <path style="fill:#EAEAEA;" d="M229.787,246.881v248.608c6.041,0.44,12.139,0.673,18.29,0.673V246.881H229.787z"/> <path style="fill:#E5E5E5;" d="M248.081,32.082c-52.079,0-94.304,24.952-94.304,55.732v253.533c0,30.78,42.225,55.732,94.304,55.732 s94.304-24.952,94.304-55.732V87.814C342.385,57.034,300.16,32.082,248.081,32.082z"/> <path style="fill:#3B3B3B;" d="M248.081,42.082c-45.05,0-81.575,23.585-81.575,52.679v239.64c0,29.094,36.525,52.679,81.575,52.679 s81.575-23.585,81.575-52.679V94.761C329.656,65.667,293.131,42.082,248.081,42.082z"/> <circle style="fill:#EA4949;" cx="248.081" cy="116.581" r="43"/> <path style="fill:#F25F5F;" d="M274.486,90.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,157.57,289.07,104.759,274.486,90.175z"/> <circle style="fill:#2BBF60;" cx="248.081" cy="317.081" r="43"/> <circle style="fill:#EAB42D;" cx="248.081" cy="217.081" r="43"/> <path style="fill:#EDCB3B;" d="M274.486,191.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,258.57,289.07,205.759,274.486,191.175z"/> <path style="fill:#3CCE6C;" d="M274.486,291.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,358.57,289.07,305.759,274.486,291.175z"/> </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.05 KB
1.52 KB
-26%
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/163712/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 496.162 496.162" style="enable-background:new 0 0 496.162 496.162;" xml:space="preserve"> <path style="fill:#337180;" d="M248.077,0C111.072,0,0.002,111.062,0.002,248.083c0,137.005,111.07,248.079,248.075,248.079 c137.013,0,248.083-111.074,248.083-248.079C496.16,111.062,385.09,0,248.077,0z"/> <path style="fill:#D3D3D3;" d="M229.787,246.881v248.608c6.041,0.44,12.139,0.673,18.29,0.673c5.371,0,10.696-0.19,15.983-0.527 V246.881H229.787z"/> <path style="fill:#EAEAEA;" d="M229.787,246.881v248.608c6.041,0.44,12.139,0.673,18.29,0.673V246.881H229.787z"/> <path style="fill:#E5E5E5;" d="M248.081,32.082c-52.079,0-94.304,24.952-94.304,55.732v253.533c0,30.78,42.225,55.732,94.304,55.732 s94.304-24.952,94.304-55.732V87.814C342.385,57.034,300.16,32.082,248.081,32.082z"/> <path style="fill:#3B3B3B;" d="M248.081,42.082c-45.05,0-81.575,23.585-81.575,52.679v239.64c0,29.094,36.525,52.679,81.575,52.679 s81.575-23.585,81.575-52.679V94.761C329.656,65.667,293.131,42.082,248.081,42.082z"/> <circle style="fill:#EA4949;" cx="248.081" cy="116.581" r="43"/> <path style="fill:#F25F5F;" d="M274.486,90.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,157.57,289.07,104.759,274.486,90.175z"/> <circle style="fill:#2BBF60;" cx="248.081" cy="317.081" r="43"/> <circle style="fill:#EAB42D;" cx="248.081" cy="217.081" r="43"/> <path style="fill:#EDCB3B;" d="M274.486,191.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,258.57,289.07,205.759,274.486,191.175z"/> <path style="fill:#3CCE6C;" d="M274.486,291.175c-14.583-14.583-38.228-14.583-52.811,0c-14.584,14.583-14.584,38.228,0,52.812 C236.259,358.57,289.07,305.759,274.486,291.175z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download