Icono Vapor
devicon:vapor
El icono Vapor (devicon:vapor) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#141416" fill-rule="evenodd" d="M8.238 46.853L62.688 0l57.074 46.853v.335L64 92.033L8.238 47.188Z" clip-rule="evenodd"/><path fill="#40c4ff" fill-rule="evenodd" d="M64.296 92.024h.33s.107 8.411 0 12.44c-.107 4.03-.33 0-.33 0L8.238 59.411v-12.44z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="M64.296 104.128h.33v12.103l-.33.337L8.238 71.515v-12.44z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M64.296 104.128h.33v12.103l-.33.337L8.238 71.515v-12.44z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="m64.296 116.233l.33-.337v11.768l-.33.336L8.238 82.947V71.179Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="m64.296 116.233l.33-.337v11.768l-.33.336L8.238 82.947V71.179Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M63.883 92.024v12.44l55.879-45.053v-12.44Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M63.883 104.128v12.44l55.879-45.053v-12.44z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M63.883 104.128v12.44l55.879-45.053v-12.44z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M63.883 116.233V128l55.879-44.717V71.18Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="M63.883 116.233V128l55.879-44.717V71.18Z" clip-rule="evenodd"/><path fill="#fff" d="M45.647 29.863s26.345.837 33.349 6.834s7.996 16.555 2.217 23.584c-5.78 7.028-16.142 7.863-23.146 1.867c-7.003-5.997-12.42-32.285-12.42-32.285"/></svg>Cómo usar el icono Vapor
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:vapor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:vapor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:vapor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--vapor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:vapor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:vapor"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/vapor.svg" alt="Icono Vapor" width="24" height="24">Iconos relacionados en Devicon
El icono Vapor en otras colecciones
Preguntas frecuentes sobre Icono Vapor
¿El icono Vapor es gratis para uso comercial?
Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Vapor en React?
Instala @iconify/react y renderiza <Icon icon="devicon:vapor" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Vapor a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/vapor.svg" alt="Icono Vapor">, o pega el código SVG en línea para darle estilo con CSS.