vapor · Devicon
Free SVG vapor icon from Devicon. Rendered at 24×24 in the filled style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- vapor
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.1875) translate(0 0)"><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"/></g></svg>
React
// Run: npx sant-icons get devicon-vapor --format react
export function DeviconVapor(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.1875) translate(0 0)"><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"/></g></svg>
);
}CLI
npx sant-icons get devicon-vapor
Properties
vapor in other libraries
Related from Devicon
The vapor icon ships with Devicon, an open-source icon set licensed under MIT. Search for it as "devicon vapor", "vapor svg", or any of its tagged terms (vapor). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch devicon-vapor directly into your project. No browser context-switch.