Icono Horizontaltrafficlight
fxemoji:horizontaltrafficlight
El icono Horizontaltrafficlight (fxemoji:horizontaltrafficlight) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, 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
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Lugares
Código SVG
<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>Cómo usar el icono Horizontaltrafficlight
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Icono Horizontaltrafficlight" width="24" height="24">Preguntas frecuentes sobre Icono Horizontaltrafficlight
¿El icono Horizontaltrafficlight es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Horizontaltrafficlight en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:horizontaltrafficlight" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Horizontaltrafficlight a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/horizontaltrafficlight.svg" alt="Icono Horizontaltrafficlight">, o pega el código SVG en línea para darle estilo con CSS.