Verticaltrafficlight icon
fxemoji:verticaltrafficlight
The Verticaltrafficlight icon (fxemoji:verticaltrafficlight) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Places
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>How to use the Verticaltrafficlight icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:verticaltrafficlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:verticaltrafficlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:verticaltrafficlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--verticaltrafficlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:verticaltrafficlight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:verticaltrafficlight"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/verticaltrafficlight.svg" alt="Verticaltrafficlight icon" width="24" height="24">Verticaltrafficlight icon FAQ
Is the Verticaltrafficlight icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Verticaltrafficlight icon in React?
Install @iconify/react and render <Icon icon="fxemoji:verticaltrafficlight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Verticaltrafficlight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/verticaltrafficlight.svg" alt="Verticaltrafficlight icon">, or paste the SVG code inline to style it with CSS.