ICONYZ
Español
Icono Propane de Material Symbols

Icono Propane

material-symbols:propane

El icono Propane (material-symbols:propane) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols 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 Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Hogar
Etiquetas
gas, nest, home
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 6h4V5h-4zM7 21v-3q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6h1V5q0-.825.588-1.412T10 3h4q.825 0 1.413.588T16 5v1h1q2.5 0 4.25 1.75T23 12t-1.75 4.25T17 18v3h-2v-3H9v3z"/></svg>

Cómo usar el icono Propane

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:propane" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:propane" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:propane" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--propane]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:propane"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:propane"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/propane.svg" alt="Icono Propane" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Propane en otras colecciones

Preguntas frecuentes sobre Icono Propane

¿El icono Propane es gratis para uso comercial?

Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Propane en React?

Instala @iconify/react y renderiza <Icon icon="material-symbols:propane" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Propane a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/propane.svg" alt="Icono Propane">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →