traffic sign icon

traffic-sign-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: traffic-sign-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

traffic-sign traffic-sign-bold traffic-sign-duotone traffic-sign-fill traffic-sign-thin

Related icons in Phosphor

Use the traffic sign icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.74 117.71L138.29 14.26a14.56 14.56 0 0 0-20.58 0L14.26 117.71a14.56 14.56 0 0 0 0 20.58l103.45 103.45a14.56 14.56 0 0 0 20.58 0l103.45-103.45a14.56 14.56 0 0 0 0-20.58m-8.49 12.1L129.81 233.25a2.56 2.56 0 0 1-3.62 0L22.75 129.81a2.56 2.56 0 0 1 0-3.62L126.19 22.75a2.56 2.56 0 0 1 3.62 0l103.44 103.44a2.56 2.56 0 0 1 0 3.62m-61-14a6 6 0 0 1 0 8.48l-24 24a6 6 0 0 1-8.48-8.48L153.51 126H112a18 18 0 0 0-18 18v8a6 6 0 0 1-12 0v-8a30 30 0 0 1 30-30h41.51l-13.75-13.76a6 6 0 0 1 8.48-8.48Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTrafficSignLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.74 117.71L138.29 14.26a14.56 14.56 0 0 0-20.58 0L14.26 117.71a14.56 14.56 0 0 0 0 20.58l103.45 103.45a14.56 14.56 0 0 0 20.58 0l103.45-103.45a14.56 14.56 0 0 0 0-20.58m-8.49 12.1L129.81 233.25a2.56 2.56 0 0 1-3.62 0L22.75 129.81a2.56 2.56 0 0 1 0-3.62L126.19 22.75a2.56 2.56 0 0 1 3.62 0l103.44 103.44a2.56 2.56 0 0 1 0 3.62m-61-14a6 6 0 0 1 0 8.48l-24 24a6 6 0 0 1-8.48-8.48L153.51 126H112a18 18 0 0 0-18 18v8a6 6 0 0 1-12 0v-8a30 30 0 0 1 30-30h41.51l-13.75-13.76a6 6 0 0 1 8.48-8.48Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M241.74 117.71L138.29 14.26a14.56 14.56 0 0 0-20.58 0L14.26 117.71a14.56 14.56 0 0 0 0 20.58l103.45 103.45a14.56 14.56 0 0 0 20.58 0l103.45-103.45a14.56 14.56 0 0 0 0-20.58m-8.49 12.1L129.81 233.25a2.56 2.56 0 0 1-3.62 0L22.75 129.81a2.56 2.56 0 0 1 0-3.62L126.19 22.75a2.56 2.56 0 0 1 3.62 0l103.44 103.44a2.56 2.56 0 0 1 0 3.62m-61-14a6 6 0 0 1 0 8.48l-24 24a6 6 0 0 1-8.48-8.48L153.51 126H112a18 18 0 0 0-18 18v8a6 6 0 0 1-12 0v-8a30 30 0 0 1 30-30h41.51l-13.75-13.76a6 6 0 0 1 8.48-8.48Z"/></svg>
</template>

CSS

.icon-traffic-sign-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M241.74%20117.71L138.29%2014.26a14.56%2014.56%200%200%200-20.58%200L14.26%20117.71a14.56%2014.56%200%200%200%200%2020.58l103.45%20103.45a14.56%2014.56%200%200%200%2020.58%200l103.45-103.45a14.56%2014.56%200%200%200%200-20.58m-8.49%2012.1L129.81%20233.25a2.56%202.56%200%200%201-3.62%200L22.75%20129.81a2.56%202.56%200%200%201%200-3.62L126.19%2022.75a2.56%202.56%200%200%201%203.62%200l103.44%20103.44a2.56%202.56%200%200%201%200%203.62m-61-14a6%206%200%200%201%200%208.48l-24%2024a6%206%200%200%201-8.48-8.48L153.51%20126H112a18%2018%200%200%200-18%2018v8a6%206%200%200%201-12%200v-8a30%2030%200%200%201%2030-30h41.51l-13.75-13.76a6%206%200%200%201%208.48-8.48Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M241.74%20117.71L138.29%2014.26a14.56%2014.56%200%200%200-20.58%200L14.26%20117.71a14.56%2014.56%200%200%200%200%2020.58l103.45%20103.45a14.56%2014.56%200%200%200%2020.58%200l103.45-103.45a14.56%2014.56%200%200%200%200-20.58m-8.49%2012.1L129.81%20233.25a2.56%202.56%200%200%201-3.62%200L22.75%20129.81a2.56%202.56%200%200%201%200-3.62L126.19%2022.75a2.56%202.56%200%200%201%203.62%200l103.44%20103.44a2.56%202.56%200%200%201%200%203.62m-61-14a6%206%200%200%201%200%208.48l-24%2024a6%206%200%200%201-8.48-8.48L153.51%20126H112a18%2018%200%200%200-18%2018v8a6%206%200%200%201-12%200v-8a30%2030%200%200%201%2030-30h41.51l-13.75-13.76a6%206%200%200%201%208.48-8.48Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/traffic-sign-light.svg?color=%231a73e8&size=48