SVG
Viewer
Dark mode
Light mode
Hide sidebar
Traffic Light
City Element Collection
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.32 KB
1.3 KB
-44%
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/51021/traffic-light --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve"> <g> <path style="fill:#826E77;" d="M240,328.76h-6.585c-0.526,0-1.032,0.091-1.517,0.233c-1.802,0.529-3.25,1.964-3.723,3.858 l-4.379,17.514v108.029h0H240V328.76z"/> <path style="fill:#695A69;" d="M275.109,16.204V4c0-2.209-1.791-4-4-4h-62.219c-2.209,0-4,1.791-4,4v12.204v35.109v16.204v35.109 v16.204v35.109v14.905c0,2.209,1.791,4,4,4h23.007v156.147c0.485-0.142,0.991-0.233,1.517-0.233H240v129.635h-16.204 l-16.205,10.803V480h64.817v-10.803l-16.204-10.803h0V350.365l-4.378-17.514c-0.474-1.895-1.921-3.329-3.724-3.858V172.846h23.007 c2.209,0,4-1.791,4-4v-14.905v-35.109v-16.204V67.518V51.314V16.204z M240,156.642c-10.441,0-18.905-8.464-18.905-18.905 s8.464-18.905,18.905-18.905c10.441,0,18.905,8.464,18.905,18.905S250.441,156.642,240,156.642z M240,105.328 c-10.441,0-18.905-8.464-18.905-18.905S229.559,67.518,240,67.518c10.441,0,18.905,8.464,18.905,18.905 S250.441,105.328,240,105.328z M240,54.014c-10.441,0-18.905-8.464-18.905-18.905c0-10.441,8.464-18.905,18.905-18.905 c10.441,0,18.905,8.464,18.905,18.905C258.905,45.55,250.441,54.014,240,54.014z"/> <circle style="fill:#7CDAAF;" cx="240" cy="137.737" r="18.905"/> <circle style="fill:#E17277;" cx="240" cy="35.109" r="18.905"/> <circle style="fill:#F2D057;" cx="240" cy="86.423" r="18.905"/> <polygon style="fill:#826E77;" points="167.081,16.204 167.081,24.306 204.891,51.314 204.891,16.204 "/> <polygon style="fill:#826E77;" points="167.081,67.518 167.081,75.62 204.891,102.627 204.891,67.518 "/> <polygon style="fill:#826E77;" points="167.081,118.832 167.081,126.934 204.891,153.941 204.891,118.832 "/> <polygon style="fill:#826E77;" points="312.919,24.306 312.919,16.204 275.109,16.204 275.109,51.314 "/> <polygon style="fill:#826E77;" points="312.919,75.62 312.919,67.518 275.109,67.518 275.109,102.627 "/> <polygon style="fill:#826E77;" points="312.919,126.934 312.919,118.832 275.109,118.832 275.109,153.941 "/> </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.32 KB
1.3 KB
-44%
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/51021/traffic-light --> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve"> <g> <path style="fill:#826E77;" d="M240,328.76h-6.585c-0.526,0-1.032,0.091-1.517,0.233c-1.802,0.529-3.25,1.964-3.723,3.858 l-4.379,17.514v108.029h0H240V328.76z"/> <path style="fill:#695A69;" d="M275.109,16.204V4c0-2.209-1.791-4-4-4h-62.219c-2.209,0-4,1.791-4,4v12.204v35.109v16.204v35.109 v16.204v35.109v14.905c0,2.209,1.791,4,4,4h23.007v156.147c0.485-0.142,0.991-0.233,1.517-0.233H240v129.635h-16.204 l-16.205,10.803V480h64.817v-10.803l-16.204-10.803h0V350.365l-4.378-17.514c-0.474-1.895-1.921-3.329-3.724-3.858V172.846h23.007 c2.209,0,4-1.791,4-4v-14.905v-35.109v-16.204V67.518V51.314V16.204z M240,156.642c-10.441,0-18.905-8.464-18.905-18.905 s8.464-18.905,18.905-18.905c10.441,0,18.905,8.464,18.905,18.905S250.441,156.642,240,156.642z M240,105.328 c-10.441,0-18.905-8.464-18.905-18.905S229.559,67.518,240,67.518c10.441,0,18.905,8.464,18.905,18.905 S250.441,105.328,240,105.328z M240,54.014c-10.441,0-18.905-8.464-18.905-18.905c0-10.441,8.464-18.905,18.905-18.905 c10.441,0,18.905,8.464,18.905,18.905C258.905,45.55,250.441,54.014,240,54.014z"/> <circle style="fill:#7CDAAF;" cx="240" cy="137.737" r="18.905"/> <circle style="fill:#E17277;" cx="240" cy="35.109" r="18.905"/> <circle style="fill:#F2D057;" cx="240" cy="86.423" r="18.905"/> <polygon style="fill:#826E77;" points="167.081,16.204 167.081,24.306 204.891,51.314 204.891,16.204 "/> <polygon style="fill:#826E77;" points="167.081,67.518 167.081,75.62 204.891,102.627 204.891,67.518 "/> <polygon style="fill:#826E77;" points="167.081,118.832 167.081,126.934 204.891,153.941 204.891,118.832 "/> <polygon style="fill:#826E77;" points="312.919,24.306 312.919,16.204 275.109,16.204 275.109,51.314 "/> <polygon style="fill:#826E77;" points="312.919,75.62 312.919,67.518 275.109,67.518 275.109,102.627 "/> <polygon style="fill:#826E77;" points="312.919,126.934 312.919,118.832 275.109,118.832 275.109,153.941 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download