horizontaltrafficlight emoji

horizontaltrafficlight from Firefox OS Emoji by Mozilla · Default · Places · Apache-2.0 Free for personal and commercial use.

Name
horizontaltrafficlight
Set
Firefox OS Emoji
Style
Default
Category
Places
Viewbox
512×512
License
Apache 2.0

More places icons from Firefox OS Emoji

aerialtramwayairplaneambulanceanchorarticulatedlorryautomobilebankbarberpolebeachumbrellabicyclebridgeatnightbusbusstopcampingcarouselhorsechurchcircustentcityscapecityscapeatduskclassicalbuildingconstructionconstructionsignconveniencestoredeliverytruck

Use the horizontaltrafficlight emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M132.593 386.123c-65.893 0-119.5-53.607-119.5-119.5v-22.158c0-65.893 53.607-119.5 119.5-119.5h246.814c65.893 0 119.5 53.607 119.5 119.5v22.158c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="399.492" cy="255.544" r="62.541" fill="#FF473E"/><circle cx="255.56" cy="255.544" r="62.541" fill="#FFB636"/><circle cx="111.629" cy="255.544" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M399.492 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#E2A042" d="M255.56 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.545-30.069 30.496-53.117 61.833-53.117"/><path fill="#007F67" d="M111.629 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#BFBCAF" d="M379.407 136.465c59.647 0 108 48.353 108 108v22.158c0 59.647-48.353 108-108 108H132.593c-59.647 0-108-48.353-108-108v-22.158c0-59.647 48.353-108 108-108zm0-23H132.593c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v22.158c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h246.814c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiHorizontaltrafficlight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M132.593 386.123c-65.893 0-119.5-53.607-119.5-119.5v-22.158c0-65.893 53.607-119.5 119.5-119.5h246.814c65.893 0 119.5 53.607 119.5 119.5v22.158c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="399.492" cy="255.544" r="62.541" fill="#FF473E"/><circle cx="255.56" cy="255.544" r="62.541" fill="#FFB636"/><circle cx="111.629" cy="255.544" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M399.492 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#E2A042" d="M255.56 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.545-30.069 30.496-53.117 61.833-53.117"/><path fill="#007F67" d="M111.629 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#BFBCAF" d="M379.407 136.465c59.647 0 108 48.353 108 108v22.158c0 59.647-48.353 108-108 108H132.593c-59.647 0-108-48.353-108-108v-22.158c0-59.647 48.353-108 108-108zm0-23H132.593c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v22.158c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h246.814c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M132.593 386.123c-65.893 0-119.5-53.607-119.5-119.5v-22.158c0-65.893 53.607-119.5 119.5-119.5h246.814c65.893 0 119.5 53.607 119.5 119.5v22.158c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="399.492" cy="255.544" r="62.541" fill="#FF473E"/><circle cx="255.56" cy="255.544" r="62.541" fill="#FFB636"/><circle cx="111.629" cy="255.544" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M399.492 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#E2A042" d="M255.56 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.545-30.069 30.496-53.117 61.833-53.117"/><path fill="#007F67" d="M111.629 211.852c31.337 0 57.288 23.048 61.833 53.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541 28.001-62.541 62.541c0 3.204.243 6.35.708 9.424c4.544-30.069 30.496-53.117 61.833-53.117"/><path fill="#BFBCAF" d="M379.407 136.465c59.647 0 108 48.353 108 108v22.158c0 59.647-48.353 108-108 108H132.593c-59.647 0-108-48.353-108-108v-22.158c0-59.647 48.353-108 108-108zm0-23H132.593c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v22.158c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h246.814c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369"/></svg>
</template>

CSS

.icon-horizontaltrafficlight {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M132.593%20386.123c-65.893%200-119.5-53.607-119.5-119.5v-22.158c0-65.893%2053.607-119.5%20119.5-119.5h246.814c65.893%200%20119.5%2053.607%20119.5%20119.5v22.158c0%2065.893-53.607%20119.5-119.5%20119.5z%22%2F%3E%3Ccircle%20cx%3D%22399.492%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23FF473E%22%2F%3E%3Ccircle%20cx%3D%22255.56%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23FFB636%22%2F%3E%3Ccircle%20cx%3D%22111.629%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23009E83%22%2F%3E%3Cpath%20fill%3D%22%23D32A2A%22%20d%3D%22M399.492%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.544-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23E2A042%22%20d%3D%22M255.56%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.545-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23007F67%22%20d%3D%22M111.629%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.544-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M379.407%20136.465c59.647%200%20108%2048.353%20108%20108v22.158c0%2059.647-48.353%20108-108%20108H132.593c-59.647%200-108-48.353-108-108v-22.158c0-59.647%2048.353-108%20108-108zm0-23H132.593c-34.991%200-67.888%2013.626-92.631%2038.369s-38.369%2057.64-38.369%2092.631v22.158c0%2034.991%2013.626%2067.888%2038.369%2092.631s57.64%2038.369%2092.631%2038.369h246.814c34.991%200%2067.888-13.626%2092.631-38.369s38.369-57.64%2038.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369%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%20512%20512%22%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M132.593%20386.123c-65.893%200-119.5-53.607-119.5-119.5v-22.158c0-65.893%2053.607-119.5%20119.5-119.5h246.814c65.893%200%20119.5%2053.607%20119.5%20119.5v22.158c0%2065.893-53.607%20119.5-119.5%20119.5z%22%2F%3E%3Ccircle%20cx%3D%22399.492%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23FF473E%22%2F%3E%3Ccircle%20cx%3D%22255.56%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23FFB636%22%2F%3E%3Ccircle%20cx%3D%22111.629%22%20cy%3D%22255.544%22%20r%3D%2262.541%22%20fill%3D%22%23009E83%22%2F%3E%3Cpath%20fill%3D%22%23D32A2A%22%20d%3D%22M399.492%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.544-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23E2A042%22%20d%3D%22M255.56%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.545-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23007F67%22%20d%3D%22M111.629%20211.852c31.337%200%2057.288%2023.048%2061.833%2053.117c.465-3.074.708-6.221.708-9.424c0-34.541-28.001-62.541-62.541-62.541s-62.541%2028.001-62.541%2062.541c0%203.204.243%206.35.708%209.424c4.544-30.069%2030.496-53.117%2061.833-53.117%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M379.407%20136.465c59.647%200%20108%2048.353%20108%20108v22.158c0%2059.647-48.353%20108-108%20108H132.593c-59.647%200-108-48.353-108-108v-22.158c0-59.647%2048.353-108%20108-108zm0-23H132.593c-34.991%200-67.888%2013.626-92.631%2038.369s-38.369%2057.64-38.369%2092.631v22.158c0%2034.991%2013.626%2067.888%2038.369%2092.631s57.64%2038.369%2092.631%2038.369h246.814c34.991%200%2067.888-13.626%2092.631-38.369s38.369-57.64%2038.369-92.631v-22.158c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.64-38.369-92.631-38.369%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/horizontaltrafficlight.svg?color=%231a73e8&size=48