SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Traffic Light
Transportation 6
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.4 KB
3.08 KB
-30%
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/99091/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"> <ellipse style="fill:#F2CF61;" cx="256" cy="240" rx="256" ry="240"/> <path style="fill:#E6C45C;" d="M493.968,328.46l-91.212-227.28c-1.764-5.492-7.08-9.18-13.08-9.18H344l-8.3-19.2 C334.208,65.52,327.708,60,320,60h-16H192c-8.8,0-16,7.2-16,16v2.048v2.048V92h-53.68c-6,0-11.312,3.692-13.084,9.18 c-0.916,2.824-0.76,5.756,0.252,8.38L144,196h-21.68c-6,0-11.312,3.692-13.084,9.18c-0.916,2.824-0.76,5.756,0.252,8.38L144,300 h-21.68c-6,0-11.312,3.692-13.084,9.18c-0.916,2.824-0.764,5.756,0.252,8.384L169.4,465.892C196.452,475.004,225.6,480,256,480 C364.048,480,456.396,417.212,493.968,328.46z"/> <path style="fill:#263740;" d="M336,416V76c0-8.8-7.2-16-16-16H192c-8.8,0-16,7.2-16,16v340H336z"/> <path style="fill:#1E2C33;" d="M320,60h-16c8.8,0,16,7.2,16,16v340h16V76C336,67.2,328.8,60,320,60z"/> <path style="fill:#96E652;" d="M288,352c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,320,288,334.328,288,352z"/> <path style="fill:#8DD94D;" d="M236,352c0-15.62,11.212-28.608,26.004-31.42c-1.944-0.368-3.948-0.58-6.004-0.58 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,380.608,236,367.62,236,352z"/> <path style="fill:#FFD464;" d="M288,240c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,208,288,222.328,288,240z"/> <path style="fill:#F2C95F;" d="M236,240c0-15.62,11.212-28.608,26.004-31.42c-1.944-0.368-3.948-0.58-6.004-0.58 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,268.608,236,255.62,236,240z"/> <path style="fill:#CC584C;" d="M288,124c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,92,288,106.328,288,124z"/> <path style="fill:#BF5347;" d="M236,124c0-15.62,11.212-28.608,26.004-31.42C260.06,92.212,258.056,92,256,92 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,152.608,236,139.62,236,124z"/> <rect x="228" y="416" style="fill:#263740;" width="56" height="96"/> <g> <rect x="268" y="416" style="fill:#1E2C33;" width="16" height="96"/> <rect x="228" y="416" style="fill:#1E2C33;" width="56" height="4"/> </g> <g> <path style="fill:#263740;" d="M176,92v68l-61.396-44.18c-4.964-3.228-7.144-9.148-5.368-14.64c1.768-5.492,7.084-9.18,13.084-9.18 H176z M109.244,205.18c-1.776,5.492,0.404,11.412,5.368,14.64L176,264v-68h-53.68C116.32,196,111.008,199.692,109.244,205.18z M109.244,309.18c-1.776,5.492,0.404,11.416,5.368,14.64L176,368v-68h-53.68C116.32,300,111.008,303.692,109.244,309.18z"/> <path style="fill:#263740;" d="M397.396,115.82L336,160V92h53.68c6,0,11.312,3.692,13.084,9.18 C404.54,106.672,402.36,112.592,397.396,115.82z M389.68,196H336v68l61.396-44.18c4.964-3.228,7.144-9.148,5.368-14.64 C400.992,199.692,395.68,196,389.68,196z M389.68,300H336v68l61.396-44.18c4.964-3.228,7.144-9.148,5.368-14.64 C400.992,303.692,395.68,300,389.68,300z"/> </g> <g> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,352 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,320,288,334.328,288,352z"/> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,240 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,208,288,222.328,288,240z"/> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,124 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,92,288,106.328,288,124z"/> </g> <g> <polygon style="fill:#172126;" points="340,92 336,92 336,160 340,157.12 "/> <polygon style="fill:#172126;" points="340,196 336,196 336,264 340,261.12 "/> <polygon style="fill:#172126;" points="340,300 336,300 336,368 340,365.12 "/> <polygon style="fill:#172126;" points="172,261.12 176,264 176,196 172,196 "/> <polygon style="fill:#172126;" points="172,365.12 176,368 176,300 172,300 "/> <polygon style="fill:#172126;" points="172,157.12 176,160 176,92 172,92 "/> </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
4.4 KB
3.08 KB
-30%
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/99091/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"> <ellipse style="fill:#F2CF61;" cx="256" cy="240" rx="256" ry="240"/> <path style="fill:#E6C45C;" d="M493.968,328.46l-91.212-227.28c-1.764-5.492-7.08-9.18-13.08-9.18H344l-8.3-19.2 C334.208,65.52,327.708,60,320,60h-16H192c-8.8,0-16,7.2-16,16v2.048v2.048V92h-53.68c-6,0-11.312,3.692-13.084,9.18 c-0.916,2.824-0.76,5.756,0.252,8.38L144,196h-21.68c-6,0-11.312,3.692-13.084,9.18c-0.916,2.824-0.76,5.756,0.252,8.38L144,300 h-21.68c-6,0-11.312,3.692-13.084,9.18c-0.916,2.824-0.764,5.756,0.252,8.384L169.4,465.892C196.452,475.004,225.6,480,256,480 C364.048,480,456.396,417.212,493.968,328.46z"/> <path style="fill:#263740;" d="M336,416V76c0-8.8-7.2-16-16-16H192c-8.8,0-16,7.2-16,16v340H336z"/> <path style="fill:#1E2C33;" d="M320,60h-16c8.8,0,16,7.2,16,16v340h16V76C336,67.2,328.8,60,320,60z"/> <path style="fill:#96E652;" d="M288,352c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,320,288,334.328,288,352z"/> <path style="fill:#8DD94D;" d="M236,352c0-15.62,11.212-28.608,26.004-31.42c-1.944-0.368-3.948-0.58-6.004-0.58 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,380.608,236,367.62,236,352z"/> <path style="fill:#FFD464;" d="M288,240c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,208,288,222.328,288,240z"/> <path style="fill:#F2C95F;" d="M236,240c0-15.62,11.212-28.608,26.004-31.42c-1.944-0.368-3.948-0.58-6.004-0.58 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,268.608,236,255.62,236,240z"/> <path style="fill:#CC584C;" d="M288,124c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32 C273.688,92,288,106.328,288,124z"/> <path style="fill:#BF5347;" d="M236,124c0-15.62,11.212-28.608,26.004-31.42C260.06,92.212,258.056,92,256,92 c-17.656,0-32,14.328-32,32s14.344,32,32,32c2.056,0,4.06-0.212,6.004-0.584C247.212,152.608,236,139.62,236,124z"/> <rect x="228" y="416" style="fill:#263740;" width="56" height="96"/> <g> <rect x="268" y="416" style="fill:#1E2C33;" width="16" height="96"/> <rect x="228" y="416" style="fill:#1E2C33;" width="56" height="4"/> </g> <g> <path style="fill:#263740;" d="M176,92v68l-61.396-44.18c-4.964-3.228-7.144-9.148-5.368-14.64c1.768-5.492,7.084-9.18,13.084-9.18 H176z M109.244,205.18c-1.776,5.492,0.404,11.412,5.368,14.64L176,264v-68h-53.68C116.32,196,111.008,199.692,109.244,205.18z M109.244,309.18c-1.776,5.492,0.404,11.416,5.368,14.64L176,368v-68h-53.68C116.32,300,111.008,303.692,109.244,309.18z"/> <path style="fill:#263740;" d="M397.396,115.82L336,160V92h53.68c6,0,11.312,3.692,13.084,9.18 C404.54,106.672,402.36,112.592,397.396,115.82z M389.68,196H336v68l61.396-44.18c4.964-3.228,7.144-9.148,5.368-14.64 C400.992,199.692,395.68,196,389.68,196z M389.68,300H336v68l61.396-44.18c4.964-3.228,7.144-9.148,5.368-14.64 C400.992,303.692,395.68,300,389.68,300z"/> </g> <g> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,352 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,320,288,334.328,288,352z"/> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,240 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,208,288,222.328,288,240z"/> <path style="fill:none;stroke:#E6E6E6;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" d="M288,124 c0,17.672-14.312,32-32,32c-17.656,0-32-14.328-32-32s14.344-32,32-32C273.688,92,288,106.328,288,124z"/> </g> <g> <polygon style="fill:#172126;" points="340,92 336,92 336,160 340,157.12 "/> <polygon style="fill:#172126;" points="340,196 336,196 336,264 340,261.12 "/> <polygon style="fill:#172126;" points="340,300 336,300 336,368 340,365.12 "/> <polygon style="fill:#172126;" points="172,261.12 176,264 176,196 172,196 "/> <polygon style="fill:#172126;" points="172,365.12 176,368 176,300 172,300 "/> <polygon style="fill:#172126;" points="172,157.12 176,160 176,92 172,92 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download