Vapor icon

devicon:vapor

The Vapor icon (devicon:vapor) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<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>

How to use the Vapor icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/vapor.svg" alt="Vapor icon" width="24" height="24">

Related icons in Devicon

Vapor icon in other icon sets

Vapor icon FAQ

Is the Vapor icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Vapor icon in React?

Install @iconify/react and render <Icon icon="devicon:vapor" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Vapor icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/vapor.svg" alt="Vapor icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →