Icono Fuel Cell
mdi:fuel-cell
El icono Fuel Cell (mdi:fuel-cell) es un icono SVG gratuito de la colección Material Design Icons de Pictogrammers. Está dibujado en una cuadrícula de 24 × 24. Material Design 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
- Material Design Icons
- Autor
- Pictogrammers
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Batería, Automoción
- Etiquetas
- battery, automotive, fuelcell
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 3v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2v1c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-1h6v1c0 1.1.9 2 2 2h1c1.1 0 2-.9 2-2v-1c1.1 0 2-.9 2-2H11V5H8V3zm10 0v2h-3v2h9c0-1.1-.9-2-2-2h-2V3zM7 7v4h2l-3 6v-4H4zm6 2v2h9V9zm0 4v2h9v-2z"/></svg>Cómo usar el icono Fuel Cell
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:fuel-cell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:fuel-cell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:fuel-cell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--fuel-cell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:fuel-cell"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:fuel-cell"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/mdi/fuel-cell.svg" alt="Icono Fuel Cell" width="24" height="24">Iconos relacionados en Material Design Icons
El icono Fuel Cell en otras colecciones
Preguntas frecuentes sobre Icono Fuel Cell
¿El icono Fuel Cell es gratis para uso comercial?
Sí. Material Design Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fuel Cell en React?
Instala @iconify/react y renderiza <Icon icon="mdi:fuel-cell" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fuel Cell a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mdi/fuel-cell.svg" alt="Icono Fuel Cell">, o pega el código SVG en línea para darle estilo con CSS.