Hover the icon or press Play. Suggested motion: spin. Pick another to preview it and update the animated code:

Game Icons · GiTrafficLightsOrange

Traffic Lights Orange icon

A free traffic lights orange icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/traffic-lights-orange.json

components/icons/game-icons-traffic-lights-orange.tsx

import * as React from "react";

/**
 * Traffic Lights Orange from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/traffic-lights-orange. Sized in em, colored by currentColor.
 */
export function GiTrafficLightsOrangeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        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.8 11.553 8.665 25.73 14.91 37.6 17.196V45zM361 45v44.996c11.87-2.285 26.047-8.53 37.6-17.195 11.014-8.26 19.25-18.392 22.664-27.8H361zM256.23 195c-26.064 0-47 20.936-47 47s20.936 47 47 47 47-20.936 47-47-20.936-47-47-47zM192.512 87.17c-2.962 4.148-5.897 8.63-8.795 13.46L169 91.8v145.1c24.8-40.79 55.195-62.596 87.104-62.226 31.937.37 62.097 22.716 86.896 62.258V91.66l-14.648 9.082c-2.686-4.33-5.406-8.38-8.153-12.174.663 3.715 1.03 7.53 1.03 11.432 0 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.8 11.553 8.665 25.73 14.91 37.6 17.196V193zM361 193v44.996c11.87-2.285 26.047-8.53 37.6-17.195 11.014-8.26 19.25-18.392 22.664-27.8H361zm-169.592 42.45c-2.587 3.704-5.154 7.65-7.69 11.88L169 238.498V378.2c16.455-27.062 35.373-45.76 55.56-55.177 9.274-5.108 19.912-8.023 31.21-8.023 12.692 0 24.548 3.688 34.576 10.025 19.094 10.035 36.95 28.167 52.654 53.207V238.36l-14.648 9.08c-2.378-3.833-4.785-7.443-7.21-10.858.058 1.132.088 2.272.088 3.418 0 35.792-29.208 65-65 65-35.79 0-65-29.208-65-65 0-1.53.073-3.046.178-4.55zM90.736 333.823c3.416 9.407 11.65 19.54 22.664 27.8 11.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.198 11.013-8.26 19.248-18.392 22.664-27.8H361zm-40.3 43.444c.04.907.07 1.816.07 2.732 0 35.79-29.21 65-65 65-35.792 0-65-29.21-65-65 0-.813.03-1.618.06-2.423-2.39 3.465-4.765 7.138-7.113 11.053L169 379.8V455h174v-75.34l-14.648 9.082c-2.522-4.066-5.075-7.88-7.65-11.474zM201 473v14h110v-14z"
      />
    </svg>
  );
}

With react-icons

import { GiTrafficLightsOrange } from "react-icons/gi";

export function Example() {
  return <GiTrafficLightsOrange className="size-5" />;
}

traffic-lights-orange.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    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.8 11.553 8.665 25.73 14.91 37.6 17.196V45zM361 45v44.996c11.87-2.285 26.047-8.53 37.6-17.195 11.014-8.26 19.25-18.392 22.664-27.8H361zM256.23 195c-26.064 0-47 20.936-47 47s20.936 47 47 47 47-20.936 47-47-20.936-47-47-47zM192.512 87.17c-2.962 4.148-5.897 8.63-8.795 13.46L169 91.8v145.1c24.8-40.79 55.195-62.596 87.104-62.226 31.937.37 62.097 22.716 86.896 62.258V91.66l-14.648 9.082c-2.686-4.33-5.406-8.38-8.153-12.174.663 3.715 1.03 7.53 1.03 11.432 0 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.8 11.553 8.665 25.73 14.91 37.6 17.196V193zM361 193v44.996c11.87-2.285 26.047-8.53 37.6-17.195 11.014-8.26 19.25-18.392 22.664-27.8H361zm-169.592 42.45c-2.587 3.704-5.154 7.65-7.69 11.88L169 238.498V378.2c16.455-27.062 35.373-45.76 55.56-55.177 9.274-5.108 19.912-8.023 31.21-8.023 12.692 0 24.548 3.688 34.576 10.025 19.094 10.035 36.95 28.167 52.654 53.207V238.36l-14.648 9.08c-2.378-3.833-4.785-7.443-7.21-10.858.058 1.132.088 2.272.088 3.418 0 35.792-29.208 65-65 65-35.79 0-65-29.208-65-65 0-1.53.073-3.046.178-4.55zM90.736 333.823c3.416 9.407 11.65 19.54 22.664 27.8 11.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.198 11.013-8.26 19.248-18.392 22.664-27.8H361zm-40.3 43.444c.04.907.07 1.816.07 2.732 0 35.79-29.21 65-65 65-35.792 0-65-29.21-65-65 0-.813.03-1.618.06-2.423-2.39 3.465-4.765 7.138-7.113 11.053L169 379.8V455h174v-75.34l-14.648 9.082c-2.522-4.066-5.075-7.88-7.65-11.474zM201 473v14h110v-14z"
  />
</svg>

Attribution

"Traffic Lights Orange" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Similar Game Icons icons