Traffic Lights Orange icon
game-icons:traffic-lights-orange
The Traffic Lights Orange icon (game-icons:traffic-lights-orange) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- trafficlights, lightsorange, trafficlightsorange, light
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169 25v65.2c24.8-40.79 55.195-62.595 87.104-62.225C288.04 28.345 318.2 50.69 343 90.232V25zM90.736 45c3.415 9.407 11.65 19.54 22.664 27.8c11.553 8.665 25.73 14.91 37.6 17.196V45zM361 45v44.996c11.87-2.285 26.047-8.53 37.6-17.195c11.014-8.26 19.25-18.392 22.664-27.8H361zM256.23 195c-26.064 0-47 20.936-47 47s20.936 47 47 47s47-20.936 47-47s-20.936-47-47-47M192.512 87.17a202 202 0 0 0-8.795 13.46L169 91.8v145.1c24.8-40.79 55.195-62.596 87.104-62.226c31.937.37 62.097 22.716 86.896 62.258V91.66l-14.648 9.082a205 205 0 0 0-8.153-12.174a65 65 0 0 1 1.03 11.432c0 35.792-29.21 65-65 65s-65-29.208-65-65c0-4.39.443-8.68 1.28-12.83zM90.736 193c3.415 9.407 11.65 19.54 22.664 27.8c11.553 8.665 25.73 14.91 37.6 17.196V193zM361 193v44.996c11.87-2.285 26.047-8.53 37.6-17.195c11.014-8.26 19.25-18.392 22.664-27.8H361zm-169.592 42.45a203 203 0 0 0-7.69 11.88L169 238.498V378.2c16.455-27.062 35.373-45.76 55.56-55.177A64.5 64.5 0 0 1 255.77 315c12.692 0 24.548 3.688 34.576 10.025c19.094 10.035 36.95 28.167 52.654 53.207V238.36l-14.648 9.08a209 209 0 0 0-7.21-10.858q.087 1.698.088 3.418c0 35.792-29.208 65-65 65c-35.79 0-65-29.208-65-65c0-1.53.073-3.046.178-4.55M90.736 333.823c3.416 9.407 11.65 19.54 22.664 27.8c11.553 8.663 25.73 14.91 37.6 17.196v-44.997zm270.264 0v44.996c11.87-2.286 26.047-8.534 37.6-17.198c11.013-8.26 19.248-18.392 22.664-27.8H361zm-40.3 43.444c.04.907.07 1.816.07 2.732c0 35.79-29.21 65-65 65c-35.792 0-65-29.21-65-65c0-.813.03-1.618.06-2.423a207 207 0 0 0-7.113 11.053L169 379.8V455h174v-75.34l-14.648 9.082a207 207 0 0 0-7.65-11.474zM201 473v14h110v-14z"/></svg>How to use the Traffic Lights Orange icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:traffic-lights-orange" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:traffic-lights-orange" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:traffic-lights-orange" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--traffic-lights-orange]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:traffic-lights-orange"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:traffic-lights-orange"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/traffic-lights-orange.svg" alt="Traffic Lights Orange icon" width="24" height="24">Related icons in Game Icons
Traffic Lights Orange icon FAQ
Is the Traffic Lights Orange icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Traffic Lights Orange icon in React?
Install @iconify/react and render <Icon icon="game-icons:traffic-lights-orange" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Traffic Lights Orange icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/traffic-lights-orange.svg" alt="Traffic Lights Orange icon">, or paste the SVG code inline to style it with CSS.