Horizontaltrafficlight icon
fxemoji:horizontaltrafficlight
The Horizontaltrafficlight icon (fxemoji:horizontaltrafficlight) 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="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>How to use the Horizontaltrafficlight icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:horizontaltrafficlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--horizontaltrafficlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:horizontaltrafficlight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:horizontaltrafficlight"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Horizontaltrafficlight icon" width="24" height="24">Horizontaltrafficlight icon FAQ
Is the Horizontaltrafficlight 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 Horizontaltrafficlight icon in React?
Install @iconify/react and render <Icon icon="fxemoji:horizontaltrafficlight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Horizontaltrafficlight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Horizontaltrafficlight icon">, or paste the SVG code inline to style it with CSS.