Icono In Transit
flat-color-icons:in-transit
El icono In Transit (flat-color-icons:in-transit) es un icono SVG gratuito de la colección Flat Color Icons de Icons8. Está dibujado en una cuadrícula de 48 × 48. Flat Color 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
- Flat Color Icons
- Autor
- Icons8
- Licencia
- MIT
- Tamaño
- 48 × 48
- Etiquetas
- intransit
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#FFC107" d="M44 36H30V16c0-1.1.9-2 2-2h8c.6 0 1.2.3 1.6.8l6 7.7c.3.4.4.8.4 1.2V32c0 2.2-1.8 4-4 4"/><g fill="#9575CD"><path d="M8 36h22V13c0-2.2-1.8-4-4-4H4v23c0 2.2 1.8 4 4 4"/><path d="M0 9h10v2H0zm0 5h10v2H0zm0 5h10v2H0zm0 5h10v2H0z"/></g><path fill="#7E57C2" d="M4 11h16v2H4zm0 5h12v2H4zm0 5h8v2H4zm0 5h4v2H4z"/><g fill="#37474F"><circle cx="39" cy="36" r="5"/><circle cx="16" cy="36" r="5"/></g><g fill="#78909C"><circle cx="39" cy="36" r="2.5"/><circle cx="16" cy="36" r="2.5"/></g><path fill="#455A64" d="M44 26h-3.6c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.2-.2-.4-.3-.7-.3H34c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h5.5c.3 0 .6.1.8.4l4.5 5.4c.1.2.2.4.2.6V25c0 .6-.4 1-1 1"/></svg>
Cómo usar el icono In Transit
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:in-transit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:in-transit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:in-transit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--in-transit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:in-transit"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:in-transit"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/in-transit.svg" alt="Icono In Transit" width="24" height="24">
Iconos relacionados en Flat Color Icons
El icono In Transit en otras colecciones
Preguntas frecuentes sobre Icono In Transit
¿El icono In Transit es gratis para uso comercial?
Sí. Flat Color Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono In Transit en React?
Instala @iconify/react y renderiza <Icon icon="flat-color-icons:in-transit" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono In Transit a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-color-icons/in-transit.svg" alt="Icono In Transit">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Flat Color Icons →
ICONYZ
