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
1.95 KB
1.25 KB
-36%
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/59688/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:#695A69;" d="M217.044,43.212V27.007V2c0-1.105-0.895-2-2-2H202.84c-1.105,0-2,0.895-2,2v326.993 c0.485-0.142,0.991-0.233,1.517-0.233h6.585v129.635h-16.204l-16.205,10.803V480h64.817v-10.803l-16.204-10.803h0V350.365 l-4.378-17.514c-0.474-1.895-1.921-3.329-3.724-3.858V143.138v-16.204V43.212z"/> <path style="fill:#826E77;" d="M208.942,328.76h-6.585c-0.526,0-1.032,0.091-1.517,0.233c-1.803,0.529-3.25,1.964-3.723,3.858 l-4.379,17.514v108.029h0h16.204V328.76z"/> <path style="fill:#695A69;" d="M299.467,0h-62.219c-2.209,0-4,1.791-4,4v23.007v16.204v83.722v16.204v25.708c0,2.209,1.791,4,4,4 h62.219c2.209,0,4-1.791,4-4V4C303.467,1.791,301.676,0,299.467,0z M268.358,156.642c-10.441,0-18.905-8.464-18.905-18.905 s8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905S278.799,156.642,268.358,156.642z M268.358,105.328 c-10.441,0-18.905-8.464-18.905-18.905s8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905S278.799,105.328,268.358,105.328z M268.358,54.014c-10.441,0-18.905-8.464-18.905-18.905c0-10.441,8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905 C287.263,45.55,278.799,54.014,268.358,54.014z"/> <circle style="fill:#7CDAAF;" cx="268.358" cy="137.737" r="18.905"/> <circle style="fill:#E17277;" cx="268.358" cy="35.109" r="18.905"/> <circle style="fill:#F2D057;" cx="268.358" cy="86.423" r="18.905"/> <rect x="217.044" y="126.934" style="fill:#826E77;" width="16.204" height="16.204"/> <rect x="217.044" y="27.007" style="fill:#826E77;" width="16.204" height="16.204"/> </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
1.95 KB
1.25 KB
-36%
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/59688/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:#695A69;" d="M217.044,43.212V27.007V2c0-1.105-0.895-2-2-2H202.84c-1.105,0-2,0.895-2,2v326.993 c0.485-0.142,0.991-0.233,1.517-0.233h6.585v129.635h-16.204l-16.205,10.803V480h64.817v-10.803l-16.204-10.803h0V350.365 l-4.378-17.514c-0.474-1.895-1.921-3.329-3.724-3.858V143.138v-16.204V43.212z"/> <path style="fill:#826E77;" d="M208.942,328.76h-6.585c-0.526,0-1.032,0.091-1.517,0.233c-1.803,0.529-3.25,1.964-3.723,3.858 l-4.379,17.514v108.029h0h16.204V328.76z"/> <path style="fill:#695A69;" d="M299.467,0h-62.219c-2.209,0-4,1.791-4,4v23.007v16.204v83.722v16.204v25.708c0,2.209,1.791,4,4,4 h62.219c2.209,0,4-1.791,4-4V4C303.467,1.791,301.676,0,299.467,0z M268.358,156.642c-10.441,0-18.905-8.464-18.905-18.905 s8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905S278.799,156.642,268.358,156.642z M268.358,105.328 c-10.441,0-18.905-8.464-18.905-18.905s8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905S278.799,105.328,268.358,105.328z M268.358,54.014c-10.441,0-18.905-8.464-18.905-18.905c0-10.441,8.464-18.905,18.905-18.905s18.905,8.464,18.905,18.905 C287.263,45.55,278.799,54.014,268.358,54.014z"/> <circle style="fill:#7CDAAF;" cx="268.358" cy="137.737" r="18.905"/> <circle style="fill:#E17277;" cx="268.358" cy="35.109" r="18.905"/> <circle style="fill:#F2D057;" cx="268.358" cy="86.423" r="18.905"/> <rect x="217.044" y="126.934" style="fill:#826E77;" width="16.204" height="16.204"/> <rect x="217.044" y="27.007" style="fill:#826E77;" width="16.204" height="16.204"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download