Icono Fuel Can
carbon:fuel-can
El icono Fuel Can (carbon:fuel-can) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M24 30H8c-1.103 0-2-.897-2-2V12.614l-1.428-1.428a1.96 1.96 0 0 1-.575-1.45a2.07 2.07 0 0 1 .61-1.414l3.715-3.715c.38-.38.883-.597 1.414-.61a1.9 1.9 0 0 1 1.45.575L12.614 6H17V4c0-1.103.898-2 2-2h5c1.103 0 2 .897 2 2v24c0 1.103-.897 2-2 2M8 13.414V28h16V8H13.414zm1.771-7.428l-3.75 3.75l1.39 1.438L11.187 7.4zM19 6h5V4h-5zm.593 18.007L16 20.414l-3.593 3.593l-1.414-1.414L14.586 19l-3.593-3.593l1.414-1.414L16 17.586l3.593-3.593l1.414 1.414L17.414 19l3.593 3.593z"/></svg>Cómo usar el icono Fuel Can
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:fuel-can" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:fuel-can" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:fuel-can" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--fuel-can]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:fuel-can"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:fuel-can"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/fuel-can.svg" alt="Icono Fuel Can" width="24" height="24">Preguntas frecuentes sobre Icono Fuel Can
¿El icono Fuel Can es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fuel Can en React?
Instala @iconify/react y renderiza <Icon icon="carbon:fuel-can" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fuel Can a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/fuel-can.svg" alt="Icono Fuel Can">, o pega el código SVG en línea para darle estilo con CSS.