Icono Horizontal Traffic Light
fluent-emoji-flat:horizontal-traffic-light
El icono Horizontal Traffic Light (fluent-emoji-flat:horizontal-traffic-light) es un icono SVG gratuito de la colección Fluent Emoji Flat de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji Flat icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Viajes y lugares
- Etiquetas
- horizontaltraffic, trafficlight, horizontaltrafficlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#1c1c1c" d="M2 14.999c0-3.31 2.693-6 6.006-6h15.988a6.01 6.01 0 0 1 6.006 6c0 3.31-2.693 6-6.006 6H8.006a6.01 6.01 0 0 1-6.006-6"/><path fill="#f8312f" d="M24 17.999a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="#ffb02e" d="M16 17.999a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="#00d26a" d="M8 17.999a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="#ff8687" d="M25 14.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#fcd53f" d="M17 14.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#00f397" d="M9 14.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#636363" d="M4.349 13.363c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.292.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0m8 0c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0m8.451.636c-.341 0-.591-.324-.451-.636a4 4 0 0 1 7.302 0c.14.312-.11.636-.452.636a.59.59 0 0 1-.514-.34a3 3 0 0 0-5.37 0a.59.59 0 0 1-.514.34"/></g></svg>
Cómo usar el icono Horizontal Traffic Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:horizontal-traffic-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:horizontal-traffic-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:horizontal-traffic-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--horizontal-traffic-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:horizontal-traffic-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:horizontal-traffic-light"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/horizontal-traffic-light.svg" alt="Icono Horizontal Traffic Light" width="24" height="24">
El icono Horizontal Traffic Light en otras colecciones
Preguntas frecuentes sobre Icono Horizontal Traffic Light
¿El icono Horizontal Traffic Light es gratis para uso comercial?
Sí. Fluent Emoji Flat icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Horizontal Traffic Light en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-flat:horizontal-traffic-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Horizontal Traffic Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/horizontal-traffic-light.svg" alt="Icono Horizontal Traffic Light">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent Emoji Flat →
ICONYZ
