Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaTrafficLightSolid

Traffic Light Solid icon

A free traffic light solid icon from Icons8 Line Awesome, 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.

Also known asidea iconlightbulb iconbulb icontip iconinsight iconsun iconday iconbrightness icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/traffic-light-solid.json
components/icons/line-awesome-traffic-light-solid.tsx
import * as React from "react";

/**
 * Traffic Light Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/traffic-light-solid. Sized in em, colored by currentColor.
 */
export function LiaTrafficLightSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 10 4 L 10 7 L 7 7 L 7 8 C 7 9.886719 7.746094 11.207031 8.625 11.96875 C 9.066406 12.351563 9.535156 12.625 9.9375 12.78125 C 9.960938 12.789063 9.976563 12.773438 10 12.78125 L 10 13 L 7 13 L 7 14 C 7 15.886719 7.746094 17.207031 8.625 17.96875 C 9.066406 18.351563 9.535156 18.625 9.9375 18.78125 C 9.960938 18.789063 9.976563 18.773438 10 18.78125 L 10 19 L 7 19 L 7 20 C 7 21.886719 7.746094 23.207031 8.625 23.96875 C 9.066406 24.351563 9.535156 24.625 9.9375 24.78125 C 9.960938 24.789063 9.976563 24.773438 10 24.78125 L 10 28 L 22 28 L 22 24.78125 C 22.023438 24.773438 22.039063 24.789063 22.0625 24.78125 C 22.464844 24.625 22.933594 24.351563 23.375 23.96875 C 24.253906 23.207031 25 21.886719 25 20 L 25 19 L 22 19 L 22 18.78125 C 22.023438 18.773438 22.039063 18.789063 22.0625 18.78125 C 22.464844 18.625 22.933594 18.351563 23.375 17.96875 C 24.253906 17.207031 25 15.886719 25 14 L 25 13 L 22 13 L 22 12.78125 C 22.023438 12.773438 22.039063 12.789063 22.0625 12.78125 C 22.464844 12.625 22.933594 12.351563 23.375 11.96875 C 24.253906 11.207031 25 9.886719 25 8 L 25 7 L 22 7 L 22 4 Z M 12 6 L 20 6 L 20 9 L 22.8125 9 C 22.640625 9.671875 22.394531 10.183594 22.0625 10.46875 C 21.820313 10.679688 21.554688 10.824219 21.34375 10.90625 C 21.132813 10.988281 20.917969 11 21 11 L 20 11 L 20 15 L 22.8125 15 C 22.640625 15.671875 22.394531 16.183594 22.0625 16.46875 C 21.820313 16.679688 21.554688 16.824219 21.34375 16.90625 C 21.132813 16.988281 20.917969 17 21 17 L 20 17 L 20 21 L 22.8125 21 C 22.640625 21.671875 22.394531 22.183594 22.0625 22.46875 C 21.820313 22.679688 21.554688 22.824219 21.34375 22.90625 C 21.132813 22.988281 20.917969 23 21 23 L 20 23 L 20 26 L 12 26 L 12 23 L 11 23 C 11.082031 23 10.867188 22.988281 10.65625 22.90625 C 10.445313 22.824219 10.179688 22.679688 9.9375 22.46875 C 9.605469 22.183594 9.359375 21.671875 9.1875 21 L 12 21 L 12 17 L 11 17 C 11.082031 17 10.867188 16.988281 10.65625 16.90625 C 10.445313 16.824219 10.179688 16.679688 9.9375 16.46875 C 9.605469 16.183594 9.359375 15.671875 9.1875 15 L 12 15 L 12 11 L 11 11 C 11.082031 11 10.867188 10.988281 10.65625 10.90625 C 10.445313 10.824219 10.179688 10.679688 9.9375 10.46875 C 9.605469 10.183594 9.359375 9.671875 9.1875 9 L 12 9 Z M 16 8 C 14.894531 8 14 8.894531 14 10 C 14 11.105469 14.894531 12 16 12 C 17.105469 12 18 11.105469 18 10 C 18 8.894531 17.105469 8 16 8 Z M 16 14 C 14.894531 14 14 14.894531 14 16 C 14 17.105469 14.894531 18 16 18 C 17.105469 18 18 17.105469 18 16 C 18 14.894531 17.105469 14 16 14 Z M 16 20 C 14.894531 20 14 20.894531 14 22 C 14 23.105469 14.894531 24 16 24 C 17.105469 24 18 23.105469 18 22 C 18 20.894531 17.105469 20 16 20 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaTrafficLightSolid } from "react-icons/lia";

export function Example() {
  return <LiaTrafficLightSolid className="size-5" />;
}
traffic-light-solid.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 10 4 L 10 7 L 7 7 L 7 8 C 7 9.886719 7.746094 11.207031 8.625 11.96875 C 9.066406 12.351563 9.535156 12.625 9.9375 12.78125 C 9.960938 12.789063 9.976563 12.773438 10 12.78125 L 10 13 L 7 13 L 7 14 C 7 15.886719 7.746094 17.207031 8.625 17.96875 C 9.066406 18.351563 9.535156 18.625 9.9375 18.78125 C 9.960938 18.789063 9.976563 18.773438 10 18.78125 L 10 19 L 7 19 L 7 20 C 7 21.886719 7.746094 23.207031 8.625 23.96875 C 9.066406 24.351563 9.535156 24.625 9.9375 24.78125 C 9.960938 24.789063 9.976563 24.773438 10 24.78125 L 10 28 L 22 28 L 22 24.78125 C 22.023438 24.773438 22.039063 24.789063 22.0625 24.78125 C 22.464844 24.625 22.933594 24.351563 23.375 23.96875 C 24.253906 23.207031 25 21.886719 25 20 L 25 19 L 22 19 L 22 18.78125 C 22.023438 18.773438 22.039063 18.789063 22.0625 18.78125 C 22.464844 18.625 22.933594 18.351563 23.375 17.96875 C 24.253906 17.207031 25 15.886719 25 14 L 25 13 L 22 13 L 22 12.78125 C 22.023438 12.773438 22.039063 12.789063 22.0625 12.78125 C 22.464844 12.625 22.933594 12.351563 23.375 11.96875 C 24.253906 11.207031 25 9.886719 25 8 L 25 7 L 22 7 L 22 4 Z M 12 6 L 20 6 L 20 9 L 22.8125 9 C 22.640625 9.671875 22.394531 10.183594 22.0625 10.46875 C 21.820313 10.679688 21.554688 10.824219 21.34375 10.90625 C 21.132813 10.988281 20.917969 11 21 11 L 20 11 L 20 15 L 22.8125 15 C 22.640625 15.671875 22.394531 16.183594 22.0625 16.46875 C 21.820313 16.679688 21.554688 16.824219 21.34375 16.90625 C 21.132813 16.988281 20.917969 17 21 17 L 20 17 L 20 21 L 22.8125 21 C 22.640625 21.671875 22.394531 22.183594 22.0625 22.46875 C 21.820313 22.679688 21.554688 22.824219 21.34375 22.90625 C 21.132813 22.988281 20.917969 23 21 23 L 20 23 L 20 26 L 12 26 L 12 23 L 11 23 C 11.082031 23 10.867188 22.988281 10.65625 22.90625 C 10.445313 22.824219 10.179688 22.679688 9.9375 22.46875 C 9.605469 22.183594 9.359375 21.671875 9.1875 21 L 12 21 L 12 17 L 11 17 C 11.082031 17 10.867188 16.988281 10.65625 16.90625 C 10.445313 16.824219 10.179688 16.679688 9.9375 16.46875 C 9.605469 16.183594 9.359375 15.671875 9.1875 15 L 12 15 L 12 11 L 11 11 C 11.082031 11 10.867188 10.988281 10.65625 10.90625 C 10.445313 10.824219 10.179688 10.679688 9.9375 10.46875 C 9.605469 10.183594 9.359375 9.671875 9.1875 9 L 12 9 Z M 16 8 C 14.894531 8 14 8.894531 14 10 C 14 11.105469 14.894531 12 16 12 C 17.105469 12 18 11.105469 18 10 C 18 8.894531 17.105469 8 16 8 Z M 16 14 C 14.894531 14 14 14.894531 14 16 C 14 17.105469 14.894531 18 16 18 C 17.105469 18 18 17.105469 18 16 C 18 14.894531 17.105469 14 16 14 Z M 16 20 C 14.894531 20 14 20.894531 14 22 C 14 23.105469 14.894531 24 16 24 C 17.105469 24 18 23.105469 18 22 C 18 20.894531 17.105469 20 16 20 Z"
  />
</svg>
Attribution
"Traffic Light Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: idea, lightbulb, bulb, tip