SVG
Viewer
Dark mode
Light mode
Hide sidebar
Traffic Light
City Mega Pack Outlined
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.4 KB
1.58 KB
-34%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/153478/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> <g> <path d="M303.347,0h-94.695c-5.633,0-10.199,4.567-10.199,10.199v199.373c0,5.632,4.566,10.199,10.199,10.199h8.942v282.029 c0,5.632,4.566,10.199,10.199,10.199h56.414c5.633,0,10.199-4.567,10.199-10.199V219.771h8.942 c5.633,0,10.199-4.567,10.199-10.199V10.199C313.546,4.567,308.98,0,303.347,0z M274.008,491.602h-36.015v-271.83h36.015V491.602z M293.149,199.373h-74.296V20.398h74.296V199.373z"/> </g> </g> <g> <g> <path d="M256,141.033c-14.522,0-26.336,11.815-26.336,26.336c0,14.523,11.815,26.337,26.336,26.337 c14.522,0,26.336-11.815,26.336-26.337C282.336,152.847,270.522,141.033,256,141.033z M256,173.309 c-3.274,0-5.938-2.664-5.938-5.939c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938 C261.938,170.645,259.274,173.309,256,173.309z"/> </g> </g> <g> <g> <path d="M256,83.504c-14.522,0-26.336,11.815-26.336,26.336c0,14.523,11.815,26.337,26.336,26.337 c14.522,0,26.336-11.815,26.336-26.337C282.336,95.319,270.522,83.504,256,83.504z M256,115.78c-3.274,0-5.938-2.664-5.938-5.939 c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938C261.938,113.115,259.274,115.78,256,115.78z"/> </g> </g> <g> <g> <path d="M256,26.154c-14.522,0-26.336,11.815-26.336,26.336c0,14.522,11.815,26.336,26.336,26.336 c14.522,0,26.336-11.815,26.336-26.336C282.336,37.969,270.522,26.154,256,26.154z M256,58.428c-3.274,0-5.938-2.664-5.938-5.938 c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938C261.938,55.764,259.274,58.428,256,58.428z"/> </g> </g> <g> <g> <path d="M253.985,377.768c-5.633,0-10.199,4.567-10.199,10.199v88.649c0,5.632,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.567,10.199-10.199v-88.649C264.184,382.336,259.618,377.768,253.985,377.768z"/> </g> </g> <g> <g> <path d="M253.985,333.443c-5.633,0-10.199,4.567-10.199,10.199v16.118c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.567,10.199-10.199v-16.118C264.184,338.01,259.618,333.443,253.985,333.443z"/> </g> </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.4 KB
1.58 KB
-34%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/153478/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> <g> <path d="M303.347,0h-94.695c-5.633,0-10.199,4.567-10.199,10.199v199.373c0,5.632,4.566,10.199,10.199,10.199h8.942v282.029 c0,5.632,4.566,10.199,10.199,10.199h56.414c5.633,0,10.199-4.567,10.199-10.199V219.771h8.942 c5.633,0,10.199-4.567,10.199-10.199V10.199C313.546,4.567,308.98,0,303.347,0z M274.008,491.602h-36.015v-271.83h36.015V491.602z M293.149,199.373h-74.296V20.398h74.296V199.373z"/> </g> </g> <g> <g> <path d="M256,141.033c-14.522,0-26.336,11.815-26.336,26.336c0,14.523,11.815,26.337,26.336,26.337 c14.522,0,26.336-11.815,26.336-26.337C282.336,152.847,270.522,141.033,256,141.033z M256,173.309 c-3.274,0-5.938-2.664-5.938-5.939c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938 C261.938,170.645,259.274,173.309,256,173.309z"/> </g> </g> <g> <g> <path d="M256,83.504c-14.522,0-26.336,11.815-26.336,26.336c0,14.523,11.815,26.337,26.336,26.337 c14.522,0,26.336-11.815,26.336-26.337C282.336,95.319,270.522,83.504,256,83.504z M256,115.78c-3.274,0-5.938-2.664-5.938-5.939 c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938C261.938,113.115,259.274,115.78,256,115.78z"/> </g> </g> <g> <g> <path d="M256,26.154c-14.522,0-26.336,11.815-26.336,26.336c0,14.522,11.815,26.336,26.336,26.336 c14.522,0,26.336-11.815,26.336-26.336C282.336,37.969,270.522,26.154,256,26.154z M256,58.428c-3.274,0-5.938-2.664-5.938-5.938 c0-3.274,2.664-5.938,5.938-5.938c3.274,0,5.938,2.664,5.938,5.938C261.938,55.764,259.274,58.428,256,58.428z"/> </g> </g> <g> <g> <path d="M253.985,377.768c-5.633,0-10.199,4.567-10.199,10.199v88.649c0,5.632,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.567,10.199-10.199v-88.649C264.184,382.336,259.618,377.768,253.985,377.768z"/> </g> </g> <g> <g> <path d="M253.985,333.443c-5.633,0-10.199,4.567-10.199,10.199v16.118c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.567,10.199-10.199v-16.118C264.184,338.01,259.618,333.443,253.985,333.443z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download