SVG
Viewer
Dark mode
Light mode
Hide sidebar
Traffic Light
Global Logistics 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.24 KB
-40%
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/235118/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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#90DFAA;" cx="254" cy="254" r="254"/> <path style="fill:#E6E9EE;" d="M229.9,506.8c7.9,0.7,16,1.2,24.1,1.2s16.2-0.4,24.1-1.2V404.9h-48.2L229.9,506.8L229.9,506.8z"/> <g> <path style="fill:#2B3B4E;" d="M325,197.1L325,197.1v-82.8h82.8l0,0C407.9,160,370.8,197.1,325,197.1z"/> <path style="fill:#2B3B4E;" d="M325,295.4L325,295.4v-82.8h82.8l0,0C407.9,258.3,370.8,295.4,325,295.4z"/> <path style="fill:#2B3B4E;" d="M325,393.7L325,393.7v-82.8h82.8l0,0C407.9,356.7,370.8,393.7,325,393.7z"/> <path style="fill:#2B3B4E;" d="M183,197.1L183,197.1v-82.8h-82.8l0,0C100.1,160,137.2,197.1,183,197.1z"/> <path style="fill:#2B3B4E;" d="M183,295.4L183,295.4v-82.8h-82.8l0,0C100.1,258.3,137.2,295.4,183,295.4z"/> <path style="fill:#2B3B4E;" d="M121,393.7h62v-82.8h-82.8v62C100.1,384.4,109.5,393.7,121,393.7z"/> </g> <path style="fill:#324A5E;" d="M323.8,421.3H184.2c-8.7,0-16-6.8-16.5-15.5l-19.4-301.6c-0.6-9.5,7-17.6,16.5-17.6h178.4 c9.6,0,17.1,8.1,16.5,17.6l-19.4,301.6C339.8,414.6,332.5,421.3,323.8,421.3z"/> <circle style="fill:#FF7058;" cx="254" cy="155.8" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -29.4308 207.0119)" style="fill:#FFFFFF;" cx="235.12" cy="139.025" rx="10.3" ry="6.4"/> <circle style="fill:#4CDBC4;" cx="254" cy="254" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -98.8844 235.7636)" style="fill:#FFFFFF;" cx="235.093" cy="237.222" rx="10.3" ry="6.4"/> <circle style="fill:#FFD05B;" cx="254" cy="352.3" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -168.3983 264.5894)" style="fill:#FFFFFF;" cx="235.125" cy="335.529" rx="10.3" ry="6.4"/> </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.24 KB
-40%
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/235118/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 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve"> <circle style="fill:#90DFAA;" cx="254" cy="254" r="254"/> <path style="fill:#E6E9EE;" d="M229.9,506.8c7.9,0.7,16,1.2,24.1,1.2s16.2-0.4,24.1-1.2V404.9h-48.2L229.9,506.8L229.9,506.8z"/> <g> <path style="fill:#2B3B4E;" d="M325,197.1L325,197.1v-82.8h82.8l0,0C407.9,160,370.8,197.1,325,197.1z"/> <path style="fill:#2B3B4E;" d="M325,295.4L325,295.4v-82.8h82.8l0,0C407.9,258.3,370.8,295.4,325,295.4z"/> <path style="fill:#2B3B4E;" d="M325,393.7L325,393.7v-82.8h82.8l0,0C407.9,356.7,370.8,393.7,325,393.7z"/> <path style="fill:#2B3B4E;" d="M183,197.1L183,197.1v-82.8h-82.8l0,0C100.1,160,137.2,197.1,183,197.1z"/> <path style="fill:#2B3B4E;" d="M183,295.4L183,295.4v-82.8h-82.8l0,0C100.1,258.3,137.2,295.4,183,295.4z"/> <path style="fill:#2B3B4E;" d="M121,393.7h62v-82.8h-82.8v62C100.1,384.4,109.5,393.7,121,393.7z"/> </g> <path style="fill:#324A5E;" d="M323.8,421.3H184.2c-8.7,0-16-6.8-16.5-15.5l-19.4-301.6c-0.6-9.5,7-17.6,16.5-17.6h178.4 c9.6,0,17.1,8.1,16.5,17.6l-19.4,301.6C339.8,414.6,332.5,421.3,323.8,421.3z"/> <circle style="fill:#FF7058;" cx="254" cy="155.8" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -29.4308 207.0119)" style="fill:#FFFFFF;" cx="235.12" cy="139.025" rx="10.3" ry="6.4"/> <circle style="fill:#4CDBC4;" cx="254" cy="254" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -98.8844 235.7636)" style="fill:#FFFFFF;" cx="235.093" cy="237.222" rx="10.3" ry="6.4"/> <circle style="fill:#FFD05B;" cx="254" cy="352.3" r="41.6"/> <ellipse transform="matrix(0.707 -0.7072 0.7072 0.707 -168.3983 264.5894)" style="fill:#FFFFFF;" cx="235.125" cy="335.529" rx="10.3" ry="6.4"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download