verticaltrafficlight emoji

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

Name
verticaltrafficlight
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 verticaltrafficlight emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M244.921 498.451c-65.893 0-119.5-53.607-119.5-119.5V132.137c0-65.893 53.607-119.5 119.5-119.5h22.158c65.893 0 119.5 53.607 119.5 119.5v246.814c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="256" cy="112.052" r="62.541" fill="#FF473E"/><circle cx="256" cy="255.984" r="62.541" fill="#FFB636"/><circle cx="256" cy="399.916" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M256 68.36c31.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.424C198.712 91.408 224.663 68.36 256 68.36"/><path fill="#E2A042" d="M256 212.292c31.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="M256 356.223c31.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="#BFBCAF" d="M267.079 24.137c59.647 0 108 48.353 108 108v246.814c0 59.647-48.353 108-108 108h-22.158c-59.647 0-108-48.353-108-108V132.137c0-59.647 48.353-108 108-108zm0-23h-22.158c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v246.814c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h22.158c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631V132.137c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.639-38.369-92.631-38.369"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiVerticaltrafficlight(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="M244.921 498.451c-65.893 0-119.5-53.607-119.5-119.5V132.137c0-65.893 53.607-119.5 119.5-119.5h22.158c65.893 0 119.5 53.607 119.5 119.5v246.814c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="256" cy="112.052" r="62.541" fill="#FF473E"/><circle cx="256" cy="255.984" r="62.541" fill="#FFB636"/><circle cx="256" cy="399.916" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M256 68.36c31.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.424C198.712 91.408 224.663 68.36 256 68.36"/><path fill="#E2A042" d="M256 212.292c31.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="M256 356.223c31.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="#BFBCAF" d="M267.079 24.137c59.647 0 108 48.353 108 108v246.814c0 59.647-48.353 108-108 108h-22.158c-59.647 0-108-48.353-108-108V132.137c0-59.647 48.353-108 108-108zm0-23h-22.158c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v246.814c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h22.158c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631V132.137c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.639-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="M244.921 498.451c-65.893 0-119.5-53.607-119.5-119.5V132.137c0-65.893 53.607-119.5 119.5-119.5h22.158c65.893 0 119.5 53.607 119.5 119.5v246.814c0 65.893-53.607 119.5-119.5 119.5z"/><circle cx="256" cy="112.052" r="62.541" fill="#FF473E"/><circle cx="256" cy="255.984" r="62.541" fill="#FFB636"/><circle cx="256" cy="399.916" r="62.541" fill="#009E83"/><path fill="#D32A2A" d="M256 68.36c31.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.424C198.712 91.408 224.663 68.36 256 68.36"/><path fill="#E2A042" d="M256 212.292c31.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="M256 356.223c31.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="#BFBCAF" d="M267.079 24.137c59.647 0 108 48.353 108 108v246.814c0 59.647-48.353 108-108 108h-22.158c-59.647 0-108-48.353-108-108V132.137c0-59.647 48.353-108 108-108zm0-23h-22.158c-34.991 0-67.888 13.626-92.631 38.369s-38.369 57.64-38.369 92.631v246.814c0 34.991 13.626 67.888 38.369 92.631s57.64 38.369 92.631 38.369h22.158c34.991 0 67.888-13.626 92.631-38.369s38.369-57.64 38.369-92.631V132.137c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.639-38.369-92.631-38.369"/></svg>
</template>

CSS

.icon-verticaltrafficlight {
  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%22M244.921%20498.451c-65.893%200-119.5-53.607-119.5-119.5V132.137c0-65.893%2053.607-119.5%20119.5-119.5h22.158c65.893%200%20119.5%2053.607%20119.5%20119.5v246.814c0%2065.893-53.607%20119.5-119.5%20119.5z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22112.052%22%20r%3D%2262.541%22%20fill%3D%22%23FF473E%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22255.984%22%20r%3D%2262.541%22%20fill%3D%22%23FFB636%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22399.916%22%20r%3D%2262.541%22%20fill%3D%22%23009E83%22%2F%3E%3Cpath%20fill%3D%22%23D32A2A%22%20d%3D%22M256%2068.36c31.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.424C198.712%2091.408%20224.663%2068.36%20256%2068.36%22%2F%3E%3Cpath%20fill%3D%22%23E2A042%22%20d%3D%22M256%20212.292c31.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%22M256%20356.223c31.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%23BFBCAF%22%20d%3D%22M267.079%2024.137c59.647%200%20108%2048.353%20108%20108v246.814c0%2059.647-48.353%20108-108%20108h-22.158c-59.647%200-108-48.353-108-108V132.137c0-59.647%2048.353-108%20108-108zm0-23h-22.158c-34.991%200-67.888%2013.626-92.631%2038.369s-38.369%2057.64-38.369%2092.631v246.814c0%2034.991%2013.626%2067.888%2038.369%2092.631s57.64%2038.369%2092.631%2038.369h22.158c34.991%200%2067.888-13.626%2092.631-38.369s38.369-57.64%2038.369-92.631V132.137c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.639-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%22M244.921%20498.451c-65.893%200-119.5-53.607-119.5-119.5V132.137c0-65.893%2053.607-119.5%20119.5-119.5h22.158c65.893%200%20119.5%2053.607%20119.5%20119.5v246.814c0%2065.893-53.607%20119.5-119.5%20119.5z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22112.052%22%20r%3D%2262.541%22%20fill%3D%22%23FF473E%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22255.984%22%20r%3D%2262.541%22%20fill%3D%22%23FFB636%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22399.916%22%20r%3D%2262.541%22%20fill%3D%22%23009E83%22%2F%3E%3Cpath%20fill%3D%22%23D32A2A%22%20d%3D%22M256%2068.36c31.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.424C198.712%2091.408%20224.663%2068.36%20256%2068.36%22%2F%3E%3Cpath%20fill%3D%22%23E2A042%22%20d%3D%22M256%20212.292c31.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%22M256%20356.223c31.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%23BFBCAF%22%20d%3D%22M267.079%2024.137c59.647%200%20108%2048.353%20108%20108v246.814c0%2059.647-48.353%20108-108%20108h-22.158c-59.647%200-108-48.353-108-108V132.137c0-59.647%2048.353-108%20108-108zm0-23h-22.158c-34.991%200-67.888%2013.626-92.631%2038.369s-38.369%2057.64-38.369%2092.631v246.814c0%2034.991%2013.626%2067.888%2038.369%2092.631s57.64%2038.369%2092.631%2038.369h22.158c34.991%200%2067.888-13.626%2092.631-38.369s38.369-57.64%2038.369-92.631V132.137c0-34.991-13.626-67.888-38.369-92.631c-24.742-24.743-57.639-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/verticaltrafficlight.svg?color=%231a73e8&size=48