Icono Truck Front
streamline-kameleon-color:truck-front
El icono Truck Front (streamline-kameleon-color:truck-front) es un icono SVG gratuito de la colección Kameleon color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Kameleon color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Kameleon color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Mapas y viajes
- Etiquetas
- truckfront
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#32bea6" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#df2c2c" d="M17.018 13.527v6.109h-1.745v-6.982a2.62 2.62 0 0 1 2.618-2.618H30.11a2.62 2.62 0 0 1 2.618 2.618v6.982h-1.745v-6.11z"/><path fill="#bf0302" d="M32.727 24V12.653a2.62 2.62 0 0 0-2.618-2.618H17.891a2.62 2.62 0 0 0-2.618 2.618V24c-1.14 0-1.986.288-2.619.742c-.377.27-.698.611-.946 1.004c-.528.82-.742 1.797-.812 2.617a8 8 0 0 0 .013 1.746h26.182S37.964 24 32.727 24m-1.745-10.473v5.236H17.018v-5.236z"/><path fill="#df2c2c" d="M17.018 18.763v-5.236h7.276l3.49-3.49h-9.893a2.62 2.62 0 0 0-2.618 2.617v6.982h1.745z"/><path fill="#40c9e7" d="M30.982 13.527H17.018v5.236h13.964z"/><path fill="#e2e4e5" d="M32.728 19.636a.87.87 0 0 1 .872-.873h1.746a.87.87 0 0 1 .872.873v6.109h-3.49z"/><path fill="#fff" d="M33.6 18.762h1.746v-5.236h2.618v-1.745h-3.491a.873.873 0 0 0-.873.872z"/><path fill="#e2e4e5" d="M15.273 19.636a.87.87 0 0 0-.873-.873h-1.745a.87.87 0 0 0-.873.873v6.109h3.49z"/><path fill="#f0f1f1" d="M37.964 33.599a.873.873 0 0 1-.873.872H10.91a.873.873 0 0 1-.872-.872V30.98a.873.873 0 0 1 .872-.873h26.182a.873.873 0 0 1 .873.873z"/><path fill="#df2c2c" d="M37.09 30.108H10.91s-.11-.76-.014-1.745c.225-2.64 1.628-4.364 4.377-4.364v-4.363c0-.48.392-.873.872-.873h15.71c.48 0 .872.393.872.873v4.363c5.237 0 4.364 6.11 4.364 6.11"/><path fill="#fbe158" d="M32.728 25.744v2.618h4.376c-.07-.82-.284-1.798-.812-2.618z"/><path fill="#f3b607" d="M35.346 25.744v2.618h1.758c-.07-.82-.283-1.797-.811-2.618z"/><path fill="#fff" d="M14.4 18.762h-1.745v-5.236h-2.618v-1.745h3.49a.87.87 0 0 1 .873.872z"/><path fill="#3e3e3f" d="M16.145 34.472h-4.363v2.617a.873.873 0 0 0 .872.873h2.618a.873.873 0 0 0 .873-.873zm20.073 0h-4.364v2.617a.87.87 0 0 0 .873.873h2.618a.873.873 0 0 0 .873-.873z"/><path fill="#fff" d="M37.091 30.108H10.91a.873.873 0 0 0-.872.873v1.309h27.927v-1.31a.873.873 0 0 0-.873-.872"/><path fill="#6fdaf1" d="M17.018 13.527v5.236h2.04l5.236-5.236z"/><path fill="#fbe158" d="M15.272 25.744v2.618h-4.376c.07-.82.284-1.798.812-2.618z"/><path fill="#f3b607" d="M12.668 25.744v2.618h-1.759c.07-.82.284-1.797.812-2.618z"/><path fill="#e2e4e5" d="M30.546 30.108H17.455V22.69l2.618-2.182h7.854l2.619 2.182z"/><path fill="#9e9fa0" d="M20.945 28.362a.436.436 0 1 1-.872 0v-3.927a.436.436 0 1 1 .872 0zm1.745 0a.437.437 0 1 1-.872 0V22.69a.436.436 0 1 1 .873 0zm1.746 0a.437.437 0 1 1-.872 0V22.69a.436.436 0 1 1 .872 0zm1.745 0a.437.437 0 1 1-.872 0V22.69a.436.436 0 1 1 .872 0zm1.746 0a.436.436 0 0 1-.872 0v-3.927a.436.436 0 1 1 .872 0z"/><path fill="#fa5655" d="M19.045 18.763h-2.9a.875.875 0 0 0-.872.873v2.899z"/></g></svg>Cómo usar el icono Truck Front
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:truck-front" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:truck-front" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:truck-front" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--truck-front]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:truck-front"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:truck-front"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/truck-front.svg" alt="Icono Truck Front" width="24" height="24">Iconos relacionados en Kameleon color icons
El icono Truck Front en otras colecciones
Preguntas frecuentes sobre Icono Truck Front
¿El icono Truck Front es gratis para uso comercial?
Sí. Kameleon color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Truck Front en React?
Instala @iconify/react y renderiza <Icon icon="streamline-kameleon-color:truck-front" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Truck Front a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/truck-front.svg" alt="Icono Truck Front">, o pega el código SVG en línea para darle estilo con CSS.