file type vapor logo
file-type-vapor from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-vapor
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 40×40
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type vapor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 40 40"><path fill="#e9f9fd" fill-opacity=".1" d="M4.345 9H14.9L9.618 20Zm21.1 0h10.55l-5.277 11Z"/><path fill="#25c4f2" fill-opacity=".22" d="M9.62 20h10.549l-5.275 11Z"/><path fill="#25c4f2" fill-opacity=".2" d="M20.169 20h10.55l-5.275 11Z"/><path fill="#25c4f2" fill-opacity=".4" d="M20.169 20H9.619l5.275-11Z"/><path fill="#25c4f2" fill-opacity=".4" d="M30.718 20h-10.55l5.276-11Z"/><path fill="#25c4f2" fill-opacity=".5" d="M25.444 31h-10.55l5.275-11Z"/><path fill="#25c4f2" d="M35.99 8H25.44a1 1 0 0 0-.9.568l-4.373 9.12l-4.373-9.12A1 1 0 0 0 14.89 8H4.34a1 1 0 0 0-.9 1.432l10.55 22a1 1 0 0 0 .9.568h10.55a1 1 0 0 0 .9-.576L36.892 9.432A1 1 0 0 0 35.99 8m-21.1 3.313L18.58 19h-7.372ZM5.934 10h7.372L9.62 17.687Zm8.959 18.687L11.207 21h7.372l-3.685 7.685ZM16.483 30l3.686-7.687L23.855 30Zm8.961-1.313L21.758 21h7.372ZM21.758 19l3.686-7.687L29.13 19Zm8.96-1.313L27.032 10h7.373Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeVapor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 40 40"><path fill="#e9f9fd" fillOpacity=".1" d="M4.345 9H14.9L9.618 20Zm21.1 0h10.55l-5.277 11Z"/><path fill="#25c4f2" fillOpacity=".22" d="M9.62 20h10.549l-5.275 11Z"/><path fill="#25c4f2" fillOpacity=".2" d="M20.169 20h10.55l-5.275 11Z"/><path fill="#25c4f2" fillOpacity=".4" d="M20.169 20H9.619l5.275-11Z"/><path fill="#25c4f2" fillOpacity=".4" d="M30.718 20h-10.55l5.276-11Z"/><path fill="#25c4f2" fillOpacity=".5" d="M25.444 31h-10.55l5.275-11Z"/><path fill="#25c4f2" d="M35.99 8H25.44a1 1 0 0 0-.9.568l-4.373 9.12l-4.373-9.12A1 1 0 0 0 14.89 8H4.34a1 1 0 0 0-.9 1.432l10.55 22a1 1 0 0 0 .9.568h10.55a1 1 0 0 0 .9-.576L36.892 9.432A1 1 0 0 0 35.99 8m-21.1 3.313L18.58 19h-7.372ZM5.934 10h7.372L9.62 17.687Zm8.959 18.687L11.207 21h7.372l-3.685 7.685ZM16.483 30l3.686-7.687L23.855 30Zm8.961-1.313L21.758 21h7.372ZM21.758 19l3.686-7.687L29.13 19Zm8.96-1.313L27.032 10h7.373Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 40 40"><path fill="#e9f9fd" fill-opacity=".1" d="M4.345 9H14.9L9.618 20Zm21.1 0h10.55l-5.277 11Z"/><path fill="#25c4f2" fill-opacity=".22" d="M9.62 20h10.549l-5.275 11Z"/><path fill="#25c4f2" fill-opacity=".2" d="M20.169 20h10.55l-5.275 11Z"/><path fill="#25c4f2" fill-opacity=".4" d="M20.169 20H9.619l5.275-11Z"/><path fill="#25c4f2" fill-opacity=".4" d="M30.718 20h-10.55l5.276-11Z"/><path fill="#25c4f2" fill-opacity=".5" d="M25.444 31h-10.55l5.275-11Z"/><path fill="#25c4f2" d="M35.99 8H25.44a1 1 0 0 0-.9.568l-4.373 9.12l-4.373-9.12A1 1 0 0 0 14.89 8H4.34a1 1 0 0 0-.9 1.432l10.55 22a1 1 0 0 0 .9.568h10.55a1 1 0 0 0 .9-.576L36.892 9.432A1 1 0 0 0 35.99 8m-21.1 3.313L18.58 19h-7.372ZM5.934 10h7.372L9.62 17.687Zm8.959 18.687L11.207 21h7.372l-3.685 7.685ZM16.483 30l3.686-7.687L23.855 30Zm8.961-1.313L21.758 21h7.372ZM21.758 19l3.686-7.687L29.13 19Zm8.96-1.313L27.032 10h7.373Z"/></svg> </template>
CSS
.icon-file-type-vapor {
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%2040%2040%22%3E%3Cpath%20fill%3D%22%23e9f9fd%22%20fill-opacity%3D%22.1%22%20d%3D%22M4.345%209H14.9L9.618%2020Zm21.1%200h10.55l-5.277%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.22%22%20d%3D%22M9.62%2020h10.549l-5.275%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.2%22%20d%3D%22M20.169%2020h10.55l-5.275%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.4%22%20d%3D%22M20.169%2020H9.619l5.275-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.4%22%20d%3D%22M30.718%2020h-10.55l5.276-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.5%22%20d%3D%22M25.444%2031h-10.55l5.275-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20d%3D%22M35.99%208H25.44a1%201%200%200%200-.9.568l-4.373%209.12l-4.373-9.12A1%201%200%200%200%2014.89%208H4.34a1%201%200%200%200-.9%201.432l10.55%2022a1%201%200%200%200%20.9.568h10.55a1%201%200%200%200%20.9-.576L36.892%209.432A1%201%200%200%200%2035.99%208m-21.1%203.313L18.58%2019h-7.372ZM5.934%2010h7.372L9.62%2017.687Zm8.959%2018.687L11.207%2021h7.372l-3.685%207.685ZM16.483%2030l3.686-7.687L23.855%2030Zm8.961-1.313L21.758%2021h7.372ZM21.758%2019l3.686-7.687L29.13%2019Zm8.96-1.313L27.032%2010h7.373Z%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%2040%2040%22%3E%3Cpath%20fill%3D%22%23e9f9fd%22%20fill-opacity%3D%22.1%22%20d%3D%22M4.345%209H14.9L9.618%2020Zm21.1%200h10.55l-5.277%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.22%22%20d%3D%22M9.62%2020h10.549l-5.275%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.2%22%20d%3D%22M20.169%2020h10.55l-5.275%2011Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.4%22%20d%3D%22M20.169%2020H9.619l5.275-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.4%22%20d%3D%22M30.718%2020h-10.55l5.276-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20fill-opacity%3D%22.5%22%20d%3D%22M25.444%2031h-10.55l5.275-11Z%22%2F%3E%3Cpath%20fill%3D%22%2325c4f2%22%20d%3D%22M35.99%208H25.44a1%201%200%200%200-.9.568l-4.373%209.12l-4.373-9.12A1%201%200%200%200%2014.89%208H4.34a1%201%200%200%200-.9%201.432l10.55%2022a1%201%200%200%200%20.9.568h10.55a1%201%200%200%200%20.9-.576L36.892%209.432A1%201%200%200%200%2035.99%208m-21.1%203.313L18.58%2019h-7.372ZM5.934%2010h7.372L9.62%2017.687Zm8.959%2018.687L11.207%2021h7.372l-3.685%207.685ZM16.483%2030l3.686-7.687L23.855%2030Zm8.961-1.313L21.758%2021h7.372ZM21.758%2019l3.686-7.687L29.13%2019Zm8.96-1.313L27.032%2010h7.373Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-vapor.svg?color=%231a73e8&size=48
