File Type Vagrant icon

vscode-icons:file-type-vagrant

The File Type Vagrant icon (vscode-icons:file-type-vagrant) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode 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: VSCode Icons
Author: Roberto Huertas
License: MIT
Size: 32 × 32
Tags: filetype, typevagrant, filetypevagrant

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#3185b8" d="M29.845 4.008C29.645 3.844 28.073 3 28.073 3l-1.673.976L28.072 3L26.4 2v1.975L24.647 3s-1.431.836-2.125 1.237c-.874.5-3.018 1.781-3.018 1.781V7.9l-1.766 4.6V15l-1.24.724L16 17.015L12.528 8V6.019L5.6 2L2.14 4v2.04l2.158 5.2l1.311.772v2.37l5.2 12.628L16 29.983V30l5.189-3l8.674-21l-.019-1.991"/><path fill="#3185b8" d="m16.006 29.985l-5.2-2.976l-5.2-12.628v-2.37l-1.311-.772L2.137 6.04V4l1.707 1v2l1.765 1.028V6.011l3.449 2l.166 1.975l5.013 13.013l3.484 2.029V29L16 27.992v1.993"/><path fill="#61a5ce" d="M12.528 8L16 17.015v4.967l-1.762 1L9.224 9.967l-.166-1.961l3.471-1.987zM3.844 5v2l1.766-.989z"/><path fill="#eae9e6" d="M5.609 8.029V6.011L3.844 7z"/><path fill="#3185b8" d="m16 21.982l1.738.994l1.935-4.858l1.49.887v-4.656l.475-1.124l1.269.743V12l-1.727-1l1.737-1.008L21.206 9V7l-1.7-.99V7.9l-1.766 4.6V15l-1.24.724l-.5 1.291z"/><path fill="#61a5ce" d="m15.973 24.016l1.748 1.008L17.713 29l3.479-2l8.671-21l-.019-1.991l-5.2 3v4L22.9 12v1.968l-1.269-.743l-.475 1.124V19l-2.414 1.42l-1.011 2.561l-1.762 1.039"/><path fill="#eae9e6" d="m9.047 10l1.744-1.01v2z"/><path fill="#3185b8" d="m10.791 10.994l1.729.977V10l-1.729-1.01v2"/><path fill="#61a5ce" d="M7.33 14.974v2.019l1.746-1z"/><path fill="#eae9e6" d="m10.818 17l-1.752 1.02l-1.736-1.027l1.746-1z"/><path fill="#61a5ce" d="M10.795 23v2.036l1.755-1.016z"/><path fill="#eae9e6" d="m14.241 26.988l1.768 1.028l.006-2.068z"/><path fill="#61a5ce" d="m16 30l.007-1.985l1.7.989z"/><path fill="#eae9e6" d="m16 21.982l-1.762 1l1.738 1.031l1.762-1.039z"/><path fill="#3185b8" d="M24.647 11V7l-1.721-.98v1.996L21.206 9z"/><path fill="#eae9e6" d="m21.177 11l1.737-1.008L24.647 11L22.9 12l-1.727-1"/><path fill="#61a5ce" d="m21.206 9l1.72-.989V6.024L21.2 7v2"/><path fill="#3185b8" d="M26.4 3.975V2l1.676 1z"/><path fill="#eae9e6" d="m29.845 4.008l-5.2 3l-1.721-.98L21.2 7l-1.7-.99s2.144-1.277 3.018-1.781C23.217 3.832 24.647 3 24.647 3l1.75.979L28.073 3s1.571.843 1.771 1.007M12.529 6.019L9.058 8.006L2.14 4L5.6 2l6.928 4.019"/><path fill="#3185b8" d="M28.1 6.958V5.014l-1.691.976l1.691.969M22.974 16l1.683-.965v1.936z"/><path fill="#eae9e6" d="M19.458 24v2.006l1.753-1.014z"/><path fill="#3185b8" d="M21.221 24.995L21.2 23l-1.742 1l1.764.992"/></svg>

How to use the File Type Vagrant icon

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-vagrant" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-vagrant" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-vagrant" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-vagrant]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-vagrant"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-vagrant"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="File Type Vagrant icon" width="24" height="24">

Related icons in VSCode Icons

File Type Vagrant icon FAQ

Is the File Type Vagrant icon free for commercial use?

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

How do I use the File Type Vagrant icon in React?

Install @iconify/react and render <Icon icon="vscode-icons:file-type-vagrant" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Type Vagrant icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="File Type Vagrant icon">, or paste the SVG code inline to style it with CSS.

Browse all VSCode Icons →