SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
Shipping Delivery 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.27 KB
1.54 KB
-32%
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/236751/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> <path style="fill:#898686;" d="M154.137,350.568H90.807c0,34.965,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M154.137,34.774H90.807c0,34.977,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M154.137,192.671H90.807c0,34.977,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M357.863,413.897c34.977,0,63.329-28.364,63.329-63.329h-63.329"/> <path style="fill:#898686;" d="M357.863,98.103c34.977,0,63.329-28.352,63.329-63.329h-63.329"/> <path style="fill:#898686;" d="M357.863,256c34.977,0,63.329-28.352,63.329-63.329h-63.329"/> </g> <path style="fill:#BBBBBD;" d="M336.296,0H175.703c-11.911,0-21.567,9.656-21.567,21.567v468.866 c0,11.911,9.656,21.567,21.567,21.567h160.592c11.911,0,21.567-9.656,21.567-21.567V21.567C357.863,9.656,348.207,0,336.296,0z"/> <circle style="fill:#5BDB75;" cx="255.996" cy="98.112" r="63.329"/> <circle style="fill:#F2CA7F;" cx="255.996" cy="255.996" r="63.329"/> <circle style="fill:#F78152;" cx="255.996" cy="413.893" r="63.329"/> <g> <path style="fill:#898686;" d="M319.332,98.108c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,63.131,319.332,98.108z"/> <path style="fill:#898686;" d="M319.332,256c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,221.023,319.332,256z"/> <path style="fill:#898686;" d="M319.332,413.896c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,378.918,319.332,413.896z"/> </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.27 KB
1.54 KB
-32%
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/236751/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> <path style="fill:#898686;" d="M154.137,350.568H90.807c0,34.965,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M154.137,34.774H90.807c0,34.977,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M154.137,192.671H90.807c0,34.977,28.352,63.329,63.329,63.329"/> <path style="fill:#898686;" d="M357.863,413.897c34.977,0,63.329-28.364,63.329-63.329h-63.329"/> <path style="fill:#898686;" d="M357.863,98.103c34.977,0,63.329-28.352,63.329-63.329h-63.329"/> <path style="fill:#898686;" d="M357.863,256c34.977,0,63.329-28.352,63.329-63.329h-63.329"/> </g> <path style="fill:#BBBBBD;" d="M336.296,0H175.703c-11.911,0-21.567,9.656-21.567,21.567v468.866 c0,11.911,9.656,21.567,21.567,21.567h160.592c11.911,0,21.567-9.656,21.567-21.567V21.567C357.863,9.656,348.207,0,336.296,0z"/> <circle style="fill:#5BDB75;" cx="255.996" cy="98.112" r="63.329"/> <circle style="fill:#F2CA7F;" cx="255.996" cy="255.996" r="63.329"/> <circle style="fill:#F78152;" cx="255.996" cy="413.893" r="63.329"/> <g> <path style="fill:#898686;" d="M319.332,98.108c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,63.131,319.332,98.108z"/> <path style="fill:#898686;" d="M319.332,256c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,221.023,319.332,256z"/> <path style="fill:#898686;" d="M319.332,413.896c0,6.698-1.035,13.165-2.972,19.218c-8.135-25.587-32.079-44.111-60.358-44.111 c-28.279,0-52.222,18.524-60.358,44.111c-1.936-6.053-2.972-12.52-2.972-19.218c0-34.977,28.352-63.329,63.329-63.329 S319.332,378.918,319.332,413.896z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download