Icono File Type Vagrant
vscode-icons:file-type-vagrant
El icono File Type Vagrant (vscode-icons:file-type-vagrant) es un icono SVG gratuito de la colección VSCode Icons de Roberto Huertas. Está dibujado en una cuadrícula de 32 × 32. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- VSCode Icons
- Autor
- Roberto Huertas
- Licencia
- MIT
- Tamaño
- 32 × 32
- Etiquetas
- filetype, typevagrant, filetypevagrant
Código SVG
<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>
Cómo usar el icono File Type Vagrant
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="Icono File Type Vagrant" width="24" height="24">
Iconos relacionados en VSCode Icons
Preguntas frecuentes sobre Icono File Type Vagrant
¿El icono File Type Vagrant es gratis para uso comercial?
Sí. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono File Type Vagrant en React?
Instala @iconify/react y renderiza <Icon icon="vscode-icons:file-type-vagrant" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono File Type Vagrant a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vagrant.svg" alt="Icono File Type Vagrant">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los VSCode Icons →
