vapor logo

vapor-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: vapor-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

Use the vapor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#141416" d="M21.003 39.314L0 57.387v.127l21.508 17.298l21.508-17.298v-.127zM54.91 51.577l6.965 19.642h3.064l6.963-19.642H68.46l-5.054 15.364l-5.027-15.364zM77.6 56.68c-3.736 0-6.022 2.99-6.022 7.435c0 4.417 2.286 7.435 6.023 7.435c2.177 0 3.79-1.153 4.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774 0c-2.178 0-3.792 1.152-4.652 3.374v-3.045h-2.607v19.534h2.876V68.64c.86 1.92 2.393 2.91 4.383 2.91c3.736 0 6.022-2.991 6.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903 0c-3.98 0-6.723 3.018-6.723 7.435s2.744 7.435 6.723 7.435c4.006 0 6.748-3.018 6.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344 0-2.338.685-2.929 1.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195 2.175-2.195h1.103l.618-2.88a3 3 0 0 0-1.237-.247m-48.518 2.606c2.393 0 3.765 2.003 3.765 4.72c0 2.688-1.372 4.717-3.765 4.717c-2.366 0-3.763-2.03-3.763-4.718c0-2.716 1.397-4.72 3.763-4.72zm17.484 0c2.366 0 3.763 2.03 3.763 4.72c0 2.715-1.397 4.717-3.763 4.717s-3.765-2.002-3.765-4.718c0-2.688 1.4-4.72 3.765-4.72zm15.548.083c2.42 0 3.79 1.975 3.79 4.636s-1.37 4.636-3.79 4.636c-2.394 0-3.765-1.975-3.765-4.636s1.371-4.636 3.765-4.636"/><path fill="#40c4ff" fill-rule="evenodd" d="M21.623 74.81h.127s.041 3.243 0 4.797c-.041 1.555-.127 0-.127 0L0 62.23v-4.798z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 74.81v4.797L43.017 62.23v-4.798Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" d="M14.43 50.832s10.161.323 12.863 2.636s3.084 6.386.855 9.097s-6.226 3.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453"/></svg>

React

import type { SVGProps } from "react";

export function DeviconVaporWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#141416" d="M21.003 39.314L0 57.387v.127l21.508 17.298l21.508-17.298v-.127zM54.91 51.577l6.965 19.642h3.064l6.963-19.642H68.46l-5.054 15.364l-5.027-15.364zM77.6 56.68c-3.736 0-6.022 2.99-6.022 7.435c0 4.417 2.286 7.435 6.023 7.435c2.177 0 3.79-1.153 4.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774 0c-2.178 0-3.792 1.152-4.652 3.374v-3.045h-2.607v19.534h2.876V68.64c.86 1.92 2.393 2.91 4.383 2.91c3.736 0 6.022-2.991 6.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903 0c-3.98 0-6.723 3.018-6.723 7.435s2.744 7.435 6.723 7.435c4.006 0 6.748-3.018 6.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344 0-2.338.685-2.929 1.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195 2.175-2.195h1.103l.618-2.88a3 3 0 0 0-1.237-.247m-48.518 2.606c2.393 0 3.765 2.003 3.765 4.72c0 2.688-1.372 4.717-3.765 4.717c-2.366 0-3.763-2.03-3.763-4.718c0-2.716 1.397-4.72 3.763-4.72zm17.484 0c2.366 0 3.763 2.03 3.763 4.72c0 2.715-1.397 4.717-3.763 4.717s-3.765-2.002-3.765-4.718c0-2.688 1.4-4.72 3.765-4.72zm15.548.083c2.42 0 3.79 1.975 3.79 4.636s-1.37 4.636-3.79 4.636c-2.394 0-3.765-1.975-3.765-4.636s1.371-4.636 3.765-4.636"/><path fill="#40c4ff" fillRule="evenodd" d="M21.623 74.81h.127s.041 3.243 0 4.797c-.041 1.555-.127 0-.127 0L0 62.23v-4.798z" clipRule="evenodd"/><path fill="#3dc4ff" fillRule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clipRule="evenodd"/><path fill="#fff" fillOpacity=".25" fillRule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clipRule="evenodd"/><path fill="#3dc4ff" fillRule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clipRule="evenodd"/><path fill="#fff" fillOpacity=".5" fillRule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clipRule="evenodd"/><path fill="#e040fb" fillRule="evenodd" d="M21.464 74.81v4.797L43.017 62.23v-4.798Z" clipRule="evenodd"/><path fill="#e040fb" fillRule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clipRule="evenodd"/><path fill="#fff" fillOpacity=".25" fillRule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clipRule="evenodd"/><path fill="#e040fb" fillRule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clipRule="evenodd"/><path fill="#fff" fillOpacity=".5" fillRule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clipRule="evenodd"/><path fill="#fff" d="M14.43 50.832s10.161.323 12.863 2.636s3.084 6.386.855 9.097s-6.226 3.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#141416" d="M21.003 39.314L0 57.387v.127l21.508 17.298l21.508-17.298v-.127zM54.91 51.577l6.965 19.642h3.064l6.963-19.642H68.46l-5.054 15.364l-5.027-15.364zM77.6 56.68c-3.736 0-6.022 2.99-6.022 7.435c0 4.417 2.286 7.435 6.023 7.435c2.177 0 3.79-1.153 4.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774 0c-2.178 0-3.792 1.152-4.652 3.374v-3.045h-2.607v19.534h2.876V68.64c.86 1.92 2.393 2.91 4.383 2.91c3.736 0 6.022-2.991 6.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903 0c-3.98 0-6.723 3.018-6.723 7.435s2.744 7.435 6.723 7.435c4.006 0 6.748-3.018 6.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344 0-2.338.685-2.929 1.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195 2.175-2.195h1.103l.618-2.88a3 3 0 0 0-1.237-.247m-48.518 2.606c2.393 0 3.765 2.003 3.765 4.72c0 2.688-1.372 4.717-3.765 4.717c-2.366 0-3.763-2.03-3.763-4.718c0-2.716 1.397-4.72 3.763-4.72zm17.484 0c2.366 0 3.763 2.03 3.763 4.72c0 2.715-1.397 4.717-3.763 4.717s-3.765-2.002-3.765-4.718c0-2.688 1.4-4.72 3.765-4.72zm15.548.083c2.42 0 3.79 1.975 3.79 4.636s-1.37 4.636-3.79 4.636c-2.394 0-3.765-1.975-3.765-4.636s1.371-4.636 3.765-4.636"/><path fill="#40c4ff" fill-rule="evenodd" d="M21.623 74.81h.127s.041 3.243 0 4.797c-.041 1.555-.127 0-.127 0L0 62.23v-4.798z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.623 79.478h.127v4.668l-.127.13L0 66.898V62.1z" clip-rule="evenodd"/><path fill="#3dc4ff" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="m21.623 84.147l.127-.13v4.539l-.127.13L0 71.308v-4.54Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 74.81v4.797L43.017 62.23v-4.798Z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".25" fill-rule="evenodd" d="M21.464 79.478v4.798l21.553-17.378V62.1z" clip-rule="evenodd"/><path fill="#e040fb" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" fill-opacity=".5" fill-rule="evenodd" d="M21.464 84.147v4.539l21.553-17.249V66.77Z" clip-rule="evenodd"/><path fill="#fff" d="M14.43 50.832s10.161.323 12.863 2.636s3.084 6.386.855 9.097s-6.226 3.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453"/></svg>
</template>

CSS

.icon-vapor-wordmark {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23141416%22%20d%3D%22M21.003%2039.314L0%2057.387v.127l21.508%2017.298l21.508-17.298v-.127zM54.91%2051.577l6.965%2019.642h3.064l6.963-19.642H68.46l-5.054%2015.364l-5.027-15.364zM77.6%2056.68c-3.736%200-6.022%202.99-6.022%207.435c0%204.417%202.286%207.435%206.023%207.435c2.177%200%203.79-1.153%204.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774%200c-2.178%200-3.792%201.152-4.652%203.374v-3.045h-2.607v19.534h2.876V68.64c.86%201.92%202.393%202.91%204.383%202.91c3.736%200%206.022-2.991%206.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903%200c-3.98%200-6.723%203.018-6.723%207.435s2.744%207.435%206.723%207.435c4.006%200%206.748-3.018%206.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344%200-2.338.685-2.929%201.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195%202.175-2.195h1.103l.618-2.88a3%203%200%200%200-1.237-.247m-48.518%202.606c2.393%200%203.765%202.003%203.765%204.72c0%202.688-1.372%204.717-3.765%204.717c-2.366%200-3.763-2.03-3.763-4.718c0-2.716%201.397-4.72%203.763-4.72zm17.484%200c2.366%200%203.763%202.03%203.763%204.72c0%202.715-1.397%204.717-3.763%204.717s-3.765-2.002-3.765-4.718c0-2.688%201.4-4.72%203.765-4.72zm15.548.083c2.42%200%203.79%201.975%203.79%204.636s-1.37%204.636-3.79%204.636c-2.394%200-3.765-1.975-3.765-4.636s1.371-4.636%203.765-4.636%22%2F%3E%3Cpath%20fill%3D%22%2340c4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2074.81h.127s.041%203.243%200%204.797c-.041%201.555-.127%200-.127%200L0%2062.23v-4.798z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233dc4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2079.478h.127v4.668l-.127.13L0%2066.898V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.25%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2079.478h.127v4.668l-.127.13L0%2066.898V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233dc4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m21.623%2084.147l.127-.13v4.539l-.127.13L0%2071.308v-4.54Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20d%3D%22m21.623%2084.147l.127-.13v4.539l-.127.13L0%2071.308v-4.54Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2074.81v4.797L43.017%2062.23v-4.798Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2079.478v4.798l21.553-17.378V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.25%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2079.478v4.798l21.553-17.378V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2084.147v4.539l21.553-17.249V66.77Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2084.147v4.539l21.553-17.249V66.77Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.43%2050.832s10.161.323%2012.863%202.636s3.084%206.386.855%209.097s-6.226%203.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23141416%22%20d%3D%22M21.003%2039.314L0%2057.387v.127l21.508%2017.298l21.508-17.298v-.127zM54.91%2051.577l6.965%2019.642h3.064l6.963-19.642H68.46l-5.054%2015.364l-5.027-15.364zM77.6%2056.68c-3.736%200-6.022%202.99-6.022%207.435c0%204.417%202.286%207.435%206.023%207.435c2.177%200%203.79-1.153%204.676-3.375v3.044h2.61V57.01h-2.904v2.578c-.86-1.92-2.393-2.907-4.382-2.907zm18.774%200c-2.178%200-3.792%201.152-4.652%203.374v-3.045h-2.607v19.534h2.876V68.64c.86%201.92%202.393%202.91%204.383%202.91c3.736%200%206.022-2.991%206.022-7.436c0-4.417-2.286-7.435-6.022-7.435zm14.903%200c-3.98%200-6.723%203.018-6.723%207.435s2.744%207.435%206.723%207.435c4.006%200%206.748-3.018%206.748-7.435s-2.742-7.435-6.748-7.435m15.486.11c-1.344%200-2.338.685-2.929%201.7v-1.48h-2.61v14.21h2.88v-9.108c0-1.372.938-2.195%202.175-2.195h1.103l.618-2.88a3%203%200%200%200-1.237-.247m-48.518%202.606c2.393%200%203.765%202.003%203.765%204.72c0%202.688-1.372%204.717-3.765%204.717c-2.366%200-3.763-2.03-3.763-4.718c0-2.716%201.397-4.72%203.763-4.72zm17.484%200c2.366%200%203.763%202.03%203.763%204.72c0%202.715-1.397%204.717-3.763%204.717s-3.765-2.002-3.765-4.718c0-2.688%201.4-4.72%203.765-4.72zm15.548.083c2.42%200%203.79%201.975%203.79%204.636s-1.37%204.636-3.79%204.636c-2.394%200-3.765-1.975-3.765-4.636s1.371-4.636%203.765-4.636%22%2F%3E%3Cpath%20fill%3D%22%2340c4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2074.81h.127s.041%203.243%200%204.797c-.041%201.555-.127%200-.127%200L0%2062.23v-4.798z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233dc4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2079.478h.127v4.668l-.127.13L0%2066.898V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.25%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.623%2079.478h.127v4.668l-.127.13L0%2066.898V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233dc4ff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m21.623%2084.147l.127-.13v4.539l-.127.13L0%2071.308v-4.54Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20d%3D%22m21.623%2084.147l.127-.13v4.539l-.127.13L0%2071.308v-4.54Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2074.81v4.797L43.017%2062.23v-4.798Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2079.478v4.798l21.553-17.378V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.25%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2079.478v4.798l21.553-17.378V62.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e040fb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2084.147v4.539l21.553-17.249V66.77Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.464%2084.147v4.539l21.553-17.249V66.77Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.43%2050.832s10.161.323%2012.863%202.636s3.084%206.386.855%209.097s-6.226%203.033-8.928.72c-2.701-2.313-4.79-12.453-4.79-12.453%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vapor-wordmark.svg?color=%231a73e8&size=48